在Internet Explorer中定位的Unslider问题

我一直在偷懒，我经常在这里找到宝贵的帮助！在Internet Explorer中定位的Unslider问题

我现在有自己一个问题，虽然，因为我无法找到任何有答案...

我使用Unslider脚本（http://unslider.com/），我得到它的工作（即使我这样做很困难，但是我又得到了宝贵的帮助，浏览了相关的问题）。

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

在第一张幻灯片，我得到一个1 px的错位（在幻灯片的右侧，我看到下一个图像的1 px）。这增加了作为幻灯片通过（我有32张幻灯片）...所以通过幻灯片的错位到底是像40像素左右...

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

我的图像具有900×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;

比这个“毛刺”，我很高兴的结果，我敢打赌，我正在做其他菜鸟在某处的错误，但我无法想象它...请帮忙吗？

非常感谢！

安娜

来源

2014-09-27 anatchim

我相信这是因为IE浏览器不同的四舍五入百分比。如果您的图片都是一样的宽度，你可以覆盖李元素宽度，这样的：

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

来源

2014-09-29 12:56:02 Niksa

您好，非常感谢您为您的输入...在.banner李它搞砸与老佛爷点导航然而，在.banner ul里，似乎完美地工作！所以非常感谢你的洞察力！ :) – anatchim 2014-09-30 18:12:19

在Internet Explorer中定位的Unslider问题

回答

相关问题