Z- 색인 및 가시성이있는 IE의 CSS()

Question

여기 내 기본 구조가 있습니다. 그것은 IE, 어떤 제안에서 작동하지 않습니다? IE가 jPlayer 상태와 잘 작동하지 않습니까? 당신이 position:relative을 같은 요소에 대한 비 정적 위치를 설정하는 데 필요한 z-index 값을 작동하게하기 위해

<div id="videodiv"> 
    <img src="poster.jpg"> 
    <div id="video">jPLayer stuff here</div> 
    <button></button> 
</div> 

<style> 
#videodiv{position:relative;} 
img{z-index: 30; visibility:visible; position:relative;} 
#video{z-index: 25; position:absolute; top:0px;} 
button{z-index: 40; position:absolute;} 
</style> 

<script> 
play: function (event) { 
$parent.find('img.poster').css("z-index", "20"); 
$parent.find('img.poster').css("visibility", "hidden"); 
} 
</script> 

Answer 1

. 이것을 시도하십시오 :

img { 
    position:relative; 
    z-index: 30; 
    visibility:visible; 
} 
#video { 
    position:relative; 
    z-index: 25; 
} 
button { 
    position:relative; 
    z-index: 20; 
}