gpt4 book ai didi

html - 使用 data 属性设置伪元素的背景图片

转载 作者:搜寻专家 更新时间:2023-10-31 08:28:19 26 4
gpt4 key购买 nike

<分区>

有没有方便的方法通过数据属性设置伪元素的背景图片?

我正在努力实现这样的目标,但我希望能够通过我的 CMS 在标记中设置背景图片:

.full-width {
background-color: #ededed;
width: 100%;
position: relative;
z-index: -1;
}
.full-width:after {
content: '';
display: block;
position: absolute;
width: 50%;
height: 100%;
left: 50%;
top: 0;
background-image: url(//unsplash.it/1080/1920);
background-size: cover;
background-position: left center;
z-index: -1;
}
.full-width .container {
z-index: 99;
}
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
<div class="full-width">
<div class="container">
<div class="row">
<div class="col-xs-6">
<h2>Test 123</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
</div>

不是 How can I use a data attribute to set a background-image in CSS? 的直接副本因为我在谈论伪元素。感谢您将我与此联系起来,但我已经知道这些技术。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com