Question

此html脚本中的背景图片：http://themes.googleusercontent.com/image?id=1nCEFJnjbEM1e6XClO-Dh7L-U6FJQuxivkV20FpXYmkNyRA0vQIZPfjuIp6hcROwwArvQ未加载。但是，如果首先在同一浏览器中打开此图像，将其传输到缓存中，则会正确显示背景图像。

HTML如下：

<html>
      <head>
            <style type="text/css">
        body {
        font: normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
        color: #000000;
        background: #000002 url(http://themes.googleusercontent.com/image?id=1nCEFJnjbEM1e6XClO-Dh7L-U6FJQuxivkV20FpXYmkNyRA0vQIZPfjuIp6hcROwwArvQ) no-repeat fixed top center;
        }
        </style>


      </head>
      <body>
      </body>
    </html>

问题可能看起来微不足道，但它至少在3个浏览器上复制：IE，Firefox，Chrome：没有预先加载的图像，没有显示背景图像。如果有人能解决这个外在的非常简单的问题，那将是最有帮助的。

感谢。

Answer 1

我认为问题在于身体没有内容。

Answer 2

您的图片是1800x1713 - 根据您的网络连接，可能需要一些时间才能下载。您注意到，一旦它在浏览器的缓存中，它就可以正常工作，如果它实际上是网络的话，这是有道理的。

关于图像本身，您确定首先有权使用它吗？事实上，您将其从Google缓存中拉出来并且反向图像搜索会产生相当多的结果并不是一个好兆头。确保您没有侵犯您在网站上使用的任何图片的版权。

首次加载时不显示CSS背景图像？

2 个答案: