如何让伪元素里的背景色不遮住元素本身的内容

月影***

写了一个header header设置了背景图片而且、header里面有内容给header设置了一个伪元素目的是让header的背景图片上覆盖一层有透明度的颜色但是加了伪元素之后发现header里的内容被伪元素的透明度的颜色遮住了

怎那样才能不让内容被伪元素遮住

PS：效果图传了N便都传不上来QAQ

dg***

z-index 想起作用的话，需要把元素设置成定位元素

平安财***

.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;
}

12312123

亲测可行啊~你是不是因为0.85效果不明显看不出来

已有账号？

找人解决需求

如何让伪元素里的背景色不遮住元素本身的内容

全部参与2

热门问答

月影***

今日需求悬赏

今日问答求助

发布任务需求已有1031288位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端