Internet Explorer css问题 - 我的滑块很疯狂

时间:2012-03-02 11:33:38

标签: css internet-explorer

我目前正在建立一个网站。

互联网浏览器正在推动我的努力。

我在网站上有2个滑块,在浏览Internet Explorer时它们都疯了。

Firefox / Chrome可以 - 但不是资源管理器。

有关如何解决此问题的任何提示?

网页 http://makeitweb.se/

1 个答案:

答案 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)中居中的样式。

我希望这会有所帮助。