在 Internet Explorer 中定位的 Unslider 问题

Question

我一直来stakoverflow，经常在这里找到宝贵的帮助！

我现在有一个问题，因为我找不到任何答案...

我正在使用 Unslider 脚本 (http://unslider.com/)，并且我得到了它的工作（尽管我很难这样做，但同样，我在这里浏览相关问题时得到了宝贵的帮助）。

...但是我在 IE 中看到了一个小定位问题（我只有 9 个，但我也在模拟器中测试过，它显示了同样的问题）：

在第一张幻灯片上，我得到了 1 px 的错位（在幻灯片的右侧，我从下一张图片中看到了 1 px）。这会随着幻灯片的通过而增加（我有 32 张幻灯片）......所以到幻灯片结束时，错位大约是 40 像素......

这是测试网址： http://coresaocubo.pt/varchotel/html/galeria.html

我的图片有 900 x 400 像素...这是我正在使用的 CSS 定位：

.banner { 
    position: relative; 
    width: 900px !important; 
    overflow: auto; 
    padding: 0px;
    margin: 0px;
}
.banner ul {
    padding: 0px;
    margin: 0px;
}
.banner li { 
    list-style: none; 
    padding: 0px;
    margin: 0px;
}
.banner ul li { 
    float:left;
    padding: 0px;
    margin: 0px;
    min-height: 400px;
    -webkit-background-size: 900px auto;
    -moz-background-size: 900px auto;
    -o-background-size: 900px auto;
    -ms-background-size: 900px auto;
    background-size: 900px auto;

除了这个“故障”，我对结果很满意，我敢打赌我在某个地方犯了一个新手错误，但我就是想不通......请帮忙？

非常感谢！

安娜

Answer 1

我相信会发生这种情况是因为 IE 以不同的方式对百分比进行四舍五入。如果您的图像始终具有相同的宽度，您可以覆盖 li 元素宽度，如下所示：

.banner li {
   width: 900px !important;
}