圖像不顯示在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滑塊

回答

相關問題