Question

我想设置元素的background-image属性，以便背景图像等于＆＃34; href＆＃34;元素的属性。例如：

HTML：

<img src="https://www.someimagesite.com/thumbnailimage.jpg" href="https://www.someimagesite.com/largeimage.jpg" width="70" height="70" alt="" class="image">

CSS :(我想也许是这样的）

img {
width:156px !important;
height:auto !important;
background-image: <href> !important;
}

希望你明白我想知道的事情。

Answer 1

试试这个：

img {
  width:156px !important;
  height:auto !important;
  background-image: attr(href) !important;
}

Answer 2

如果动态生成Img标签，则添加样式属性

<img src="https://www.someimagesite.com/thumbnailimage.jpg" style="background-image: url(https://www.someimagesite.com/largeimage.jpg);" href="https://www.someimagesite.com/largeimage.jpg" width="70" height="70" alt="" class="image">

CSS设置背景图像的元素与元素的网址

2 个答案: