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: 100%;

背景图片有时不显示

2 个答案: