Google Chrome浏览器不会显示背景图像，除非我尝试通过检查工具（检查元素）触摸该元素的CSS

Question

除非我尝试通过检查工具（检查元素）触摸该元素的CSS，否则Google Chrome浏览器不会显示背景图片。

我设置了具有以下属性的锚标记：

display: block;
float: left;
width: 20px;
height: 20px;
text-indent: -9999px;
background: url("img/icon-sprite.png") no-repeat 0 0 transparent;

代码没有错，对吧？ 我不知道为什么在加载页面时它们都空白。 但是，当我检查元素并单击背景图像URL链接时，它没有损坏。 当我尝试仍然使用inspect元素重命名图像的URL并重新输入真实URL时，它将出现在页面中。

我还尝试检查在其他计算机的Google Chrome浏览器上打开我的网站，但仍然无法打开。 我很确定从一开始就开始建立这个站点时，图像就开始显示。 我不知道为什么所有这些突然发生。

我还检查了控制台日志，没有任何错误或任何...

有人可以帮忙吗？

Answer 1

您的代码“）”上有一个额外的结束括号。 删除那个

background: url("img/icon-sprite.png") no-repeat 0 0 transparent);

至

background: url("img/icon-sprite.png") no-repeat 0 0 transparent;