html - 背景图片有时不显示

Question

我对全宽背景图像有疑问。有时加载正常，但并非总是如此。我可以防止这种情况吗？这可能是图像大小或文件类型吗？

我的CSS:

   .claim1{
       background: url(../img/naruc.jpg) center center fixed #222;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    display: block;
    height: 360px;
    position: relative;
}

演示在这里:

http://martinurbanek.cz/demo/bananaclouds_theme#claim1

感谢您的帮助

Answer 1

我无法重现您的问题，但我想您可能会因某些 CSS 问题而遇到问题。

我建议您使用 jQuery 将背景图像设置为，

<script>
   $(document).ready(function(){
      $('myOjbect').css('background-image', 'url('../img/naruc.jpg')');
   });
</script>

这里使用 jQuery 的原因是 ready() 函数只有在整个文档加载后才会执行，因此证明它是可靠的。

使用 jQuery 的另一个原因是它可以很好地处理跨浏览器问题，因此您不需要添加多行来设置背景图像。