html - 現在の html 画像を css に置き換える

Question

この画像を CSS に置き換えようとすると問題が発生します。html にアクセスできません。

<img 
  width="64" 
  height="64" 
  border="0" 
  style="width: 64px; height: 64px;" 
  src="http://www.nitrografixx.com/2013/lock-icon.gif">
</img>

これを試してみましたが、現在の画像に背景として画像を追加しますが、置き換えません。

img[src='http://www.nitrografixx.com/2013/lock-icon.gif'] {
  background: url(http://www.nitrografixx.com/2013/lock_bg.jpg) center !important;  
}

score 8 · Accepted Answer

これを試して

<style>
.className{
    content:url("http://www.nitrografixx.com/2013/lock_bg.jpg");
}
</style>
<img class="className"/>

score 3 · Accepted Answer

あなたがしていることは、画像要素の背景に画像を追加することですが、画像要素には元の画像を指すソース属性がまだあるため、削除されていません。おそらく、javscript を使用して要素を削除し、可能であれば別のものに置き換える必要があります。

2 に答える 2