내가

Question

라이트 CSS와 jcarousel에 문제가있어 나는 그런이 HTML 코드를했다 :

.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에서는 작동하지 않습니다. 어떤 사람은이 버그를 해결하는 방법을 알려주시기 바랍니다.

대단히 감사합니다!

Answer 1

상대 컨테이너 (Items 또는 WrapImage)의 너비가 적어도 처음에는 문제인지 확인해야합니다. 내가 겪는 대부분의 IE 문제는 일반적으로 폭이 부족하기 때문에 발생합니다.

hasLayout의는 IE가 hasLayout 를 발행하거나 특정 섹션이 나는 당신의 CSS (특히 이미지의 경우) 또는 라이브 코드에 대한 링크의 자세한 내용을 볼 필요가 여기 Relatively positioned elements