伊人博客 一款有技术又有生活的博客

关于遮罩层隐藏之后,底部div无法触发点击事件的解决办法

发布时间:2021-01-21 10:44:46 标签:遮罩层,触发 | 阅读(1008)
<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>


原创文章如转载,请注明出处“伊人博客

站内搜索
关注公众号(随时搜索)
文章归档
热门推荐
随机推荐
冷门晾晒