Ich habe ein Problem in CSS und jcarousel bekam lite

Question

Ich hatte diesen HTML-Code wie folgt aus:

.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>

Und hier ist es meine CSS-Code für Wrap-Klasse und Bilder, und wenn Ich ändere die Attributposition: absolut zu Position: Relativ in der Überschrift-Rechts-Klasse, die Überschrift erschien, aber keine Bilder. Ich möchte nur die Beschriftung der Videoclip-Zeit über diesen Bildern des Clips anzeigen. Es funktioniert gut in Firefox und Chrome, aber nicht in IE. Jemand hatte das Problem, bitte zeigen Sie mir, wie ich diesen Fehler beheben kann.

Vielen Dank!

Answer 1

Stellen Sie sicher, dass Ihr relativer Container (möglicherweise Items oder WrapImage) mindestens eine Breite hat, um zu prüfen, ob dies das Problem ist. Die meisten IE-Probleme, denen ich begegne, sind normalerweise, weil etwas eine Breite fehlt.

hasLayout ist gut zu wissen, wenn man versucht, IE gibt hier Relatively positioned elements