<div class="item" data-bg="images/demo-images/team_bg_1.jpg">


我想将data-bg属性中使用的图像放置在右下角。如何为data-bg属性应用CSS。

image的实际大小为900pxdiv的实际大小为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代码?您的问题还不够清楚。

10-07 18:50
查看更多