html - carousal jquery 在 Firefox 和 Opera 中不起作用

Question

我在我的页面 www.woody.my 的底部使用水平轮播，使用 chrome explorer 可以正常工作，而使用 firefox、opera、IE 则不可见。

下面是它在 chrome 中的外观：

虽然这是它在 Firefox 中的外观：

Answer 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>是绝对的，但它们会堆叠在一起。需要将位置更改为相对位置，主容器的尺寸也非常大，为 9999 像素，将其更改为视口，当元素彼此向左浮动时，您可以看到它们

也删除.infiniteCarousel .wrapper ul类的位置

Answer 2

试试这个

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