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

回答

相關問題