背景圖片有時不顯示

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