写了一个header header设置了背景图片 而且、header里面有内容 给header设置了一个伪元素目的是让header的背景图片上覆盖一层有透明度的颜色 但是加了伪元素之后发现header里的内容被伪元素的透明度的颜色遮住了怎那样才能不让内容被伪元素遮住PS：效果图传了N便都传不上来QAQ
2 回答
脑阔疼
TA贡献8条经验 获得超3个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.test{
width: 100px;
height: 100px;
background:#f00;
margin: 100px auto;
}
.test::after{
content: "";
display: block;
width: 100px;
height: 100px;
background-color: #00f;
opacity: 0.6;
}
</style>
</head>
<body>
<div class="test">
12312123
</div>
</body>
</html>
亲测可行啊~你是不是因为0.85效果不明显看不出来
- 2 回答
- 0 关注
- 5403 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消