我在我的页面www.woody.my底部使用水平转盘,使用Chrome浏览器可以很好地使用carousal,而使用firefox,opera,IE看不见它。
下图是它在chrome中的外观:
虽然它在firefox中看起来如何:
答案 0 :(得分:1)
这在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
类
答案 1 :(得分:0)
试试这个
.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我也在马来西亚:)