背景图片有时不显示

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的另一个原因是，它可以很好地处理跨浏览器的问题，因此您无需添加多行来设置背景图像。

Answer 2

这可能会或可能不会影响任何东西，具体取决于您的设置，但是您是否尝试添加100％的width属性？

width: 100%;