谷歌Chrome浏览器不会显示背景图像,除非我尝试通过检查工具触摸该元素的CSS(检查元素)

时间:2013-12-19 05:38:36

标签: html css google-chrome background-image

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

我有一个锚标记集,其中包含以下属性:

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时,它将显示在页面中。

我还尝试检查在其他计算机的谷歌浏览器上打开我的网站但仍然没有打开。我很确定从一开始我开始建立这个网站,图像显示。我不知道为什么所有这一切突然发生。

我还检查了我的控制台日志,没有错误或其他任何内容......

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

您的代码中有一个额外的结束括号“)”。删除

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

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