我目前正在建设一个网站。互联网资源管理器的CSS问题 - 我的滑块发疯
而Internet Explorer正在驱动我NUTS。
我在网站上有2个滑块,当他们在Internet Explorer中浏览时他们都疯了。
Firefox/Chrome没问题 - 但没有浏览器。
有关如何解决此问题的任何提示?
我目前正在建设一个网站。互联网资源管理器的CSS问题 - 我的滑块发疯
而Internet Explorer正在驱动我NUTS。
我在网站上有2个滑块,当他们在Internet Explorer中浏览时他们都疯了。
Firefox/Chrome没问题 - 但没有浏览器。
有关如何解决此问题的任何提示?
好的,据我所看到的,在IE 7行为不端的唯一元件是在用于通过所述滑块页面导航每个滑块底部的寻呼机(小蓝点) 。这是因为点是<li>
元素,样式为display: inline-block
,IE 7不支持它。它用于居中<li>
元素。你需要在IE 7
解决类似的问题的快速容易的,但脏解决将是加入的style.css 2类的定义,即覆盖实际课程只针对IE 7.您可以添加此在页面中作为内联css样式,之后包含style.css
文件。
<!--[if lte IE 7]>
<style type="text/css">
.bx-pager {
display: block; width: 80px; margin-left: 400px;
}
div.bx-pager li {
display: inline; float: left;
}
</style>
<![endif]-->
为什么这很脏?因为如果滚动条框的数量会发生变化,您还需要更改width: 80px
部分和margin-left: 400px
。没有自动居中完成,这是一个固定的余量。现在
,为了正确地做到这一点,另一种方法是修改bxSlider.js代码添加另一个<div>
周围寻呼机的<li>
元素和风格的div(margin: auto
)得到它处于中心现有的父分区(目前获得类.bx-pager
)。
我希望这会有所帮助。
感谢万次的人 - 你让我的一天! 有一个愉快的周末! – Fruxelot 2012-03-02 13:10:33
你可能想检查CSS不一致。 – Joseph 2012-03-02 11:39:25
什么版本的IE?在IE 9上看起来很好。你认为“疯狂”是什么意思? – talereader 2012-03-02 11:48:04
talereader:所有div只是堆叠在彼此。 – Fruxelot 2012-03-02 11:49:42