为什么父元素加了position:relative后 子元素a标签失效了
这是代码
实在是不明白 在2个元素叠加之后 试了很多次 怎么也不能让a标签可以点击
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<style>
.cs{width:1000px;height:200px;margin:0px auto;background:#000;}
.cs1{width:100%;height:300px;background:#999;position:relative;top:-50px;z-index:-100;overflow:hidden;}
.cs1 a{font-size:30px;display:block;margin-left:550px;color:#fff;margin-top:150px;}
</style>
<div class="cs">
</div>
<div class="cs1">
<a href="#">test</a>
</div>
</body>
</html>
展开
收起
1
条回答
写回答
写回答
-
IT从业.cs{width:1000px;height:200px;margin:0px auto;background:#000;position: relative;z-index: 2} .cs1{width:100%;height:300px;background:#999;position:relative;top:-50px;overflow:hidden;}给cs加上position:relative;z-index:2，去掉cs1的position:relative
由于你原来给cs1直接加了个z-index：-100，导致它层级非常低，低于body，如果你给body加body{ position: relative; z-index: -200; }也能点了
2019-07-17 19:46:23赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
