鉴于这种情况:
HTML
<div class="container-module">
Some content.
<a id="show-overlay" href="#">Show overlay</a>
<div id="overlay">
Overlay content.
</div>
</div>
<div class="container-module">
Some content.
</div>
CSS
.container-module { height: 50px; z-index: 1; }
.overlay { background: white; display: none; height: 200px; z-index: 10; }
JS
getElementById("show-overlay").onclick( function(){
getElementById("overlay").style.display = "block";
return false;
});
...在 IE7 中,当显示覆盖时,它正确地覆盖了第一个容器模块中的内容,但第二个容器模块中的内容“显示通过”。
有没有其他人遇到过这种行为?有没有推荐的解决方法?
谢谢!