J'ai un mal à css et Jcarousel Lite

Question

J'ai eu ce code HTML comme ça:

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

Et voilà mon code CSS pour la classe d'emballage et des images, et quand Je change de position d'attribut: absolu à position: relatif dans la légende-droit, la légende est apparue mais pas une image. Je veux juste montrer la légende du temps du clip vidéo au-dessus de ces images de clip. Cela fonctionne bien dans Firefox et Chrome mais pas dans IE. Quelqu'un a eu le problème s'il vous plaît montrez-moi comment réparer ce bug.

Merci beaucoup!

Answer 1

Assurez-vous que votre conteneur relatif (peut-être Items ou WrapImage) a une largeur, au moins dans un premier temps pour vérifier si c'est le problème. La plupart des problèmes IE que je rencontre est généralement parce que quelque chose manque une largeur.

hasLayout est bon de savoir quand essayer de résoudre les problèmes IE hasLayout ou la section spécifique est ici Relatively positioned elements