<body style="height: 100%;">
<div id="main" style="text-align: center; width: 100%; height: 21px;"></div>
<div id="main-cover" style="height: 21px; position: absolute; left: 0; right: 0; top: 0; background: white;"></div>
</body>
如上代码中，计划两层，main为数据层，而main-cover为遮罩层，用来遮盖main层，现在的设计为：默认main-cover是遮盖住main的，此时，main-cover点击后slideUp(隐藏)，然后定时几秒后自动显示（自动遮盖）。问题来了，现在需要在main-cover被隐藏的时候，点击main后立即执行遮盖动作，然而发现main的click事件竟然触发不了。
又是同一个问题，之前弹出z-index补齐效果的问题解决：http://www.yxxrui.cn/article/135.shtml
现在的问题竟然和上次的相似，依然是需要给main设置 position:relative;
<body style="height: 100%;">
<div id="main" style="text-align: center; position: relative; width: 100%; height: 21px;"></div>
<div id="main-cover" style="height: 21px; position: absolute; left: 0; right: 0; top: 0; background: white;"></div>
</body>
原创文章如转载，请注明出处“
伊人博客”