carousel jquery在firefox和opera中不起作用

时间:2013-03-07 04:22:23

标签: html css google-chrome firefox opera

我在我的页面www.woody.my底部使用水平转盘,使用Chrome浏览器可以很好地使用carousal,而使用firefox,opera,IE看不见它。

下图是它在chrome中的外观:

enter image description here

虽然它在firefox中看起来如何: enter image description here

2 个答案:

答案 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我也在马来西亚:)