图像不显示在css/jquery滑块

我有12个div设置为从数据库调用中动态显示缩略图和一些文本。在他们自己他们显示下来的页面，没有问题... div +边框，缩略图，文字。图像不显示在css/jquery滑块

然后我试图把这些'盒子'放到一个水平滑块中，这样访问者可以滚动浏览它们，如果感兴趣的话。

我的问题是，缩略图不会显示... div/box显示OK，正如文本一样，但图像不显示？

img标签是绝对正确的，所以我想我需要为其中一个div添加一个显示或z-index标签，但此时我正在绕圈。

有什么建议吗？（我使用easyslider 1.7）

HTML：

<div id="samplesales"> 
<div id="samplecontent"> 
<div id="slider"> 
<ul> 
<li><div class=sample> 
     <img src='..path/to/photo'> 
     Photo description text ... 
    </div> 
</li> 
    .... 
<li><div class=sample> another photo etc </div></li> 
</ul> 
</div></div></div>

CSS

#samplesales{margin:0 auto;position:relative;text-align:left;width:650px;} 
#samplecontent{position:relative;} 

#slider ul, #slider li, 
#slider2 ul, #slider2 li{ 
    margin:0; 
    padding:0; 
    list-style:none; 
    } 

#slider2{margin-top:1em;} 

#slider li, #slider2 li{ 
width:650px; 
height:220px; 
overflow:hidden; 
    margin:auto; 
    display: block; 
} 

div.sample { 
    display:block; 
    border: solid 1px #0066CC; 
    margin:6px; 
    padding: 15px 20px 15px 20px; 
    font-size: 14px; 
    font-family: courier; 
    min-height: 170px; 
    vertical-text-align:middle; 
    float:left; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    box-shadow: 4px 4px 5px #ccc; 
    -webkit-box-shadow: 4px 4px 5px #ccc; 
    -moz-box-shadow: 4px 4px 5px #ccc; 
    }

来源

2011-05-05 Matt Brading

尝试删除溢出：隐藏溢出：可见重要不能在这一点上，建议mucj可能溢出

来源

2011-05-05 11:11:49 ONYX

谢谢Kinghtowl ...试过，但没有好处。当我将它们放入'samplesales'div中似乎会丢失图像。想想我最好只是制作一些图形。干杯 – 2011-05-06 00:07:11

图像不显示在css/jquery滑块

回答

相关问题