如何解决如何将 ::after 伪元素放在引导程序中的部分
我试图在引导程序中提供一个完整的 section
一个不透明的背景图像,但我没有成功。
<section id="pricing" class="pricing">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-12>
<!-- some content goes here-->
</div>
</div>
</div>
</section>
我的CSS:
section.pricing:after {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background-image: url('../img/backgrounds/2.jpg');
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
背景图片出现在页面顶部而不是特定部分
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。