html - 最初の src のない画像は css を表示しません background-image: url("image.png");

Question

すべての行に同じ小さな画像を持つテーブルがあります。

テーブルには何千もの行があるため、画像の src、幅、高さをhtmlで設定せず、代わりにクラスを使用して css でこれを行いたいと思います。

.clbtn {
width: 18px; 
height: 18px;
background-image: url("image.png");
}

これを行うと、ページの初期サイズが減少します。

ただし、これはクロムでは問題なく機能しますが、Firefox では機能しません。$(document).ready(function(){ $(".clbtn").attr("src", "image.png");});これをテーブルの後以外に回避する方法はありますか?

Answer 1

これは、ブラウザーが src 属性のない画像を処理する方法によるものです。本当にこの方法で行う必要がある場合、おそらく最も賢明なことは、すべての画像を 1x1 の透明な gif で src することです。