Replace the Image in an <img> with CSS | CSS-Tricks

The following is a guest post by Marcel Shields. Marcel was in a difficult place where he needed to change the image on a page but didn’t have access to the HTML. Rare, but I’m sure we’ve all be in weird situations like this. He explains how he managed to replace that image without needing to access the HTML or JavaScript. Also turns out to be a pretty good way to replace anything with an image. I

[kzms2]

#css3 のbox-sizingプロパティを用いた画像置換。これ応用したらテキスト置換出来るんじゃないかと思ってやったらできた。これもありだな。

[terkel]

box-sizing を利用した画像置換。画像が無効の場合に良くない