CSS Hintergrundbild eines Elements mit einer URL vom Element setzen

Question

Ich möchte die Hintergrundbildeigenschaft meines Elements so einstellen, dass das Hintergrundbild dem Attribut "href" des Elements entspricht. Zum Beispiel:

HTML:

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

CSS: (i dachte, vielleicht so etwas wie dieses)

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

Hoffnung, die Sie verstehen, was ich wissen will.

Answer 1

Try this:

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

Answer 2

Wenn Ihre Erzeugung Img-Tag dynamisch dann style-Attribut

hinzufügen

<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">