在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問題

回答

相關問題