旋转木马栈图片：Webkit的，Chrome浏览器，Safari浏览器只

Question

http://174.120.239.48/~peakperf/?page_id=260

如果您查看页面与WebKit的浏览器，Chrome/Safari浏览器，你会看到，转盘内容得到层叠在彼此的顶部。

如果您在Mozilla或IE中查看它的内容，则显示正确。

我从来没有像webkit这样的bug，所以这对我来说都是新的。

任何帮助，将不胜感激。

谢谢！

CSS：

.theme-twentycarousels { 
    width: 610px; 
} 

.scrollertitle p{ 
    margin: 0; 
    padding: 0; 
} 
.scrollertitle h2{ 
    padding-left: 10px; 
    padding-top: 10px; 
    text-transform:uppercase; 
    font-size: 15px; 
    font-weight: bold; 
} 
.scrollertitle .arrow-right { 
    width:12px; 
    float:right; 
    height: 37px; 
} 

.scrollertitle .arrow-left { 
    width:12px; 
    height:37px; 
    float:left; 

} 

.scrollertitle .arrow-left a { 
    margin:-20px 0 0 0; 
    width:12px; 
    height:37px; 
    background:url(img/arrow_left.png) top left no-repeat; 
    display:block; 

} 

.scrollertitle .arrow-right a { 
    margin:-20px 0 0 0; 
    width:12px; 
    height:37px; 
    background:url(img/arrow_right.png) top right no-repeat; 
    display:block; 
} 

.theme-twentycarousels .hide { display:none; } 

.theme-twentycarousels .stepcarousel { 
    position: relative; /* Leave this value alone */ 
    overflow: scroll; /* Leave this value alone */ 
    height: 155px; 
    background:#EEEFF4; 
    width: 610px; 

} 

.theme-twentycarousels .stepcarousel .belt{ 
    position: absolute; /* Leave this value alone */ 
    left: 0; 
    top: 0; 
    margin: 0px; 

} 

.theme-twentycarousels .stepcarousel .panel { 
    height:100px; 
    float: left; /* Leave this value alone */ 
    padding:10px; 
    background:#EEEFF4; 
    display:block; 
    width: auto; 
} 

.theme-twentycarousels .stepcarousel .panel .panel-text { 
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; 
    color:#FFF; 
} 

.wp_carousel_twentycarousels_pagination { 
    padding:5px 10px; 
    background:#000; 
    text-align:center; 
    visibility:hidden; 
} 
.scrollertitle{ 
    height: 37px; 
    background: url(img/scrollertitle.jpg) no-repeat; 
    width: 610px; 
} 
.arrowcontainer{ 
    width: 50px; 
    height: 37px; 
    float: right; 
    margin-right: 10px; 
} 

Answer 1

出于某种原因，你的div持有的图像，与类=面板中的，具有内联样式，当我在Chrome中检查一下他们。

style="float: none; position: absolute; left: 0px;" 

删除来自所有那些特定的div从彼此顶部堆放拦住了他们 - 但是，他们不适合所有在一排了。

我还注意到，您有

.theme-twentycarousels .stepcarousel .panel 

在样式表两个地方。不知道这是否会导致任何问题。