Question

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

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

我正在使用Unslider脚本（http://unslider.com/），我开始工作（尽管我很难这样做，但是我再次在这里浏览相关问题得到了宝贵的帮助）。

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

在第一张幻灯片上，我得到1 px错位（在幻灯片的右侧，我看到下一张图片中有1像素）。当幻灯片通过时我会增加（我有32张幻灯片）...所以在幻灯片放映结束时，错位就像40 px左右......

这是测试网址： 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;
}

在Internet Explorer中定位的问题无法解决

1 个答案: