图像不显示在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;
}
答
尝试删除溢出:隐藏溢出:可见重要不能在这一点上,建议mucj可能溢出
谢谢Kinghtowl ...试过,但没有好处。当我将它们放入'samplesales'div中似乎会丢失图像。想想我最好只是制作一些图形。干杯 – 2011-05-06 00:07:11