您的位置：首页 > Web前端 > CSS

关于错误样式遮挡点击事件问题

2016-02-24 01:28 519 查看

运用场景

在实际开发中遇到<textarea>、<a>元素获取不到焦点或点击无响应的情况，其原因就是有元素在它们之上，阻挡了交互

异常图片



异常代码

<style type="text/css">
.mask {
width: 50px;
height: 50px;
position: absolute;
top: 20px;
left: 105px;
background-color: rgba(255, 0, 0, 0.21);
/*
如果改样式的元素中没有内容，也没有背景颜色，
那么会导致异常不容易发现，如果通过浏览器元
素查看器监测到有异常多余的盒模型，就应该检
查是否存在异常样式
*/
}
</style>

<body>
<div id="insertBody">
<a href="#">访问</a>
<!--
该链接被mask样式的div遮盖，无法点击
-->
</div>
<div class="mask"></div>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航