我目前正在建立一个网站。
互联网浏览器正在推动我的努力。
我在网站上有2个滑块,在浏览Internet Explorer时它们都疯了。
Firefox / Chrome可以 - 但不是资源管理器。
有关如何解决此问题的任何提示?
答案 0 :(得分:1)
好吧,据我所知,IE 7中唯一不正常的元素是用于浏览滑块页面的每个滑块底部的寻呼机(小蓝点)。这是因为点是具有样式<li>
的{{1}}元素,IE 7不支持它。它用于居中display: inline-block
元素。您需要在IE 7中解决此问题。
快速简单但脏修复将在 style.css 中添加2个类定义,它们仅覆盖IE 7的实际类。您可以在页面为内联css样式,在之后包含<li>
文件。
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
。没有自动居中,这是固定的保证金。
现在,为了正确完成,另一种方法是修改 bxSlider.js 代码,在寻呼机的margin-left: 400px
元素周围添加另一个<div>
, div(<li>
)使其在现有父div(当前获取类margin: auto
)中居中的样式。
我希望这会有所帮助。