IE中的CSS（）與Z-Index和Visibility

Question

所以這裏是我的基本結構。它在IE中不起作用，有什麼建議嗎？ IE不能很好地處理jPlayer狀態？

<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

爲了使工作z-index價值，你需要設置一個非靜態位置的元素像position:relative。試試這個：

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