沒有初始src的圖片不會顯示CSS背景圖片：url（“ image.png”）;

Question

我有一張桌子，每一行都有相同的小圖像。

由於表具有數千行，因此我不想 在html中設置圖像的src ，寬度和高度，而是使用類使用css進行此操作。

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

這樣做會減小頁面的初始大小。

但是，盡管在chrome中可以正常工作，但在Firefox中卻不能。 除了$(document).ready(function(){ $(".clbtn").attr("src", "image.png");}); 桌子后？

Answer 1

那是因為瀏覽器如何處理缺少src attrs的圖像。 如果您真的需要這種方式，那么最明智的選擇就是使用1x1透明gif來保存所有img。