CSS设置元素的背景图像与元素的url

-1

我想设置我的元素的background-image属性，以便背景图像等于元素的“href”属性。例如：CSS设置元素的背景图像与元素的url

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; 
}

希望你明白，我想知道。

来源

2017-04-18 Fabian310

试试这个：

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

来源

2017-04-18 10:26:30

我正要建议，但一直在寻找为它的支持，这是相当低https://developer.mozilla.org/en/docs/Web/CSS/attr –

@BiepbotVonStirling是的......否则JavaScript只是选项 –

如果您生成的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">

来源

2017-04-18 10:32:04

我不能这样做，因为我建立一个网站的Chrome扩展，这不是我的。 – Fabian310

然后使用JavaScript。 –

CSS设置元素的背景图像与元素的url

回答

相关问题