html - 没有初始 src 的图像不显示 css background-image: 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 属性的图像。如果您真的需要这样做，也许最明智的做法是使用 1x1 透明 gif 对所有 img 进行 src。