没有初始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 attrs的图像。如果你真的需要这样做的话，也许最敏感的事情就是用1x1透明gif来src所有的img。