<div class="item" data-bg="images/demo-images/team_bg_1.jpg">
我想将data-bg
属性中使用的图像放置在右下角。如何为data-bg
属性应用CSS。image
的实际大小为900px
,div
的实际大小为100%
,
请帮助将图像放在右下角。
最佳答案
您不能使用CSS“定位”“属性”。我猜您打算将data-bg
中的图像作为.item
div的背景。
首先,您需要将data-bg
更改为style
,以使图像显示为正确的CSS背景图像,如下所示:
style="background-image: url(images/demo-images/team_bg_1.jpg")"
之后,您可以使用CSS规则定位背景并应用所需的任何样式:
.item {
background-repeat: no-repeat;
background-position: right bottom;
height: 300px;
border: 1px solid red;
}
<div class="item"
style="background-image: url(https://placehold.it/900x200)">
</div>
jsFiddle演示:https://jsfiddle.net/
我不确定为什么要使用
data-bg
,是否有任何处理此数据属性的JavaScript代码?您的问题还不够清楚。