隐藏与显示的问题，在线等

Question

<div class="1">
...
隐藏
</div><div class="2">
...
</div>
有上面二个div,第一个div上有个隐藏图标
1 一进页面时，就显示第一个div,再过 10秒钟 第一个div消失
2 如出现第一个div时，还未过 10秒钟时，用户点了第一个div中的隐藏时，第一个div消失.
3 整个过程中，第二个div一直是显示的，只是第一个div挡住第二个div
这怎么实现呀，谢谢

Answer 1

function hideDiv(){
document.getElementById("div1").style.display="none";
}window.onload=function(){
setTimeout(hideDiv,10000);
}<div id="div1" onclick="hideDiv()">隐藏</div>

Answer 2

同意楼上所说，你只要把两个div定位成一个坐标就能把div2藏在div1下了

Answer 3

还有一个问题，开始时div 1要 档住div2 的，

Answer 4

设置style 的z-index，数值越高，显示越前

Answer 5

1楼的可以
再加上iframe一起用，