0

一直来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;

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

非常感谢！

安娜

4

1 回答 1

0

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

.banner li {
   width: 900px !important;
}
于 2014-09-29T12:56:02.780 回答