图像未显示在 css/jquery 滑块中

Question

我设置了 12 个 div 来显示来自数据库调用的动态缩略图和一些文本。它们自己显示在页面下方，没问题... div+border、缩略图、文本。

然后，我尝试将这些“框”放入水平滑块中，以便访问者可以在感兴趣的情况下滚动浏览它们。

我的问题是，缩略图不会显示... div/box 显示正常，文本也显示正常，但图像不显示？

img 标签肯定是正确的，所以我想我需要在其中一个 div 中添加一个 display 或 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;
    }

Answer 1

尝试删除 overflow:hidden to overflow:visible !important 不能建议 mucj 在这一点上它可能会溢出