carousal jquery不工作在火狐和歌劇

上午使用水平carousal在我的頁面底部www.woody.my，carousal工作正常使用鉻瀏覽器，而它的隱形使用Firefox，歌劇，IE瀏覽器。carousal jquery不工作在火狐和歌劇

下面是像它的外觀鍍鉻：

enter image description here

而這究竟是怎麼看起來在Firefox： enter image description here

來源

2013-03-07 Dan

可以顯示你的代碼嗎？ – 2013-03-07 04:25:48

你可以使用檢查元素（鉻）或使用Firebug（火狐）查看它。它只是一個CSS問題。 – Dan 2013-03-07 04:34:57

您能否包含指向您網站的鏈接？ – madhushankarox 2013-03-07 04:53:15

這在HTML

<ul style="width: 1000px;">

而這一次在CSS行：526

.infiniteCarousel ul li { 
    background: url("../images/footer_img_box.png") no-repeat scroll 0 0 transparent; 
    display: block; 
    float: left; 
    height: 220px; 
    padding: 10px; 
    position: relative; 
    width: 198px; 
} 
.infiniteCarousel .wrapper ul { 
width: 900px; 
list-style-image: none; 
list-style-position: outside; 
list-style-type: none; 
padding: 0; 
top: 0; 
}

雖然<li>的位置是絕對的，它們會堆積在彼此的頂部。需要將位置更改爲相對位置，同時主容器的尺寸爲9999px，將視圖端口更改爲當元素相互左移時您可以看到它們

也刪除位置.infiniteCarousel .wrapper ul

來源

2013-03-07 08:51:41

你也可以將ul的寬度更改爲100％ – 2013-03-07 08:53:36

請添加解釋以支持您的代碼。 – 2013-03-07 08:59:27

謝謝Mehrdad，你的回答非常有幫助 – Dan 2013-03-07 09:56:04

試試這個

.infiniteCarousel ul li { 
    background: url("../images/footer_img_box.png") no-repeat scroll 0 0 transparent; 
    display: block; 
    float: left; 
    height: 220px; 
    padding: 10px; 
    position: absolute; 
    width: 198px; 
}

PS我在馬來西亞也是如此:)

來源

2013-03-07 05:37:20

謝謝Mr.Mehrdad，但carousal在firefox中顯示不正確，而它沒有出現在Chrome中。 – Dan 2013-03-07 08:26:27

你現在可以在Chrome中看到它，我更新了腳本 – Dan 2013-03-07 08:27:31

carousal jquery不工作在火狐和歌劇

回答

相關問題