2009-07-06 48 views
0

我有這樣的HTML代碼那樣:我有在CSS和的jCarousel麻煩精簡版

.caption-right 
 
{ 
 
    width:102px; 
 
    height:18px; 
 
    background:transparent; 
 
    position:absolute; 
 
    z-index:100; 
 
    margin: 44px 0 0 0; 
 
} 
 

 
.Topview-Items .Topview-Items-Item .WrapImage{ 
 
    width:104px; 
 
    height:64px; 
 
    border:#dadada 1px solid; 
 
} 
 
.Topview-Items .Topview-Items-Item .Images{ 
 
    width:102px; 
 
    height:62px; 
 
    padding:1px; 
 
    overflow:hidden; 
 
} 
 
.Topview-Items .Topview-Items-Item img{ 
 
    width:100px; 
 
    height:60px; 
 
    border:none; 
 
}
<ul> 
 
    <li> 
 
     <div class="Items"> 
 
      <div class="WrapImage"> 
 
       <div class="caption-right"> 
 
        <span class="icon1"></span> 
 
        <a class="time" href="">4:03</a> 
 
       </div> 
 
       <div class="Images"> 
 
        <img src="/images/images/rightColumnImg.gif" /> 
 
       </div> 
 
      </div> 
 
      <div class="text"> 
 
       <a href="">A good clips you should click to see</a> 
 
       <p>20.000 visitors</p> 
 
      </div> 
 
     </div> 
 
    </li> 
 
    <li>..with the same content.</li> 
 
</ul>

這裏,它是包裝類和圖像,而當我的CSS代碼我改變了屬性位置:絕對位置:在標題右側的相對位置,標題出現,但沒有圖像。 我只是想在視頻剪輯的圖像上方顯示視頻剪輯的標題。它在Firefox和Chrome中運行正常,但不在IE中運行。有些人有問題,請告訴我如何解決這個錯誤。

非常感謝!

+0

我需要看到更多你的CSS(專門用於照片)或到實時代碼的鏈接時。 – Emily 2009-07-06 11:46:47

回答

0

確保您的相對容器(可能是Items或WrapImage)有一個寬度,起初至少要檢查這是否是問題。我遇到的大多數IE問題通常是因爲缺少寬度。

hasLayout的是很好的瞭解試圖解決IE問題hasLayout 或特定路段在這裏Relatively positioned elements