Question

我们在这个网站上有一个奇怪的问题： http://golfpark-rothenburg.de

背景中的图像无法加载。有时只会丢失一点点图像，有时会更多。它只出现在firefox（mac和win）上。

我意识到固定的div：

<div id="mainimg">

<div class="custom"  >
<p><img src="/images/background/hintergrundnebenmenue2.jpg"   alt="hintergrundnebenmenue2" /></p></div>

</div>

这里是图像div的css：

#mainimg {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -100;
  overflow: hidden;
}

#mainimg img {
  display: block;
  width: 100%;
}

#mainimg p {
  padding: 0px;
  margin: 0px;
}

我用onload和resize调整了这个图像的大小：

jQuery(window).load(function(){
            if(jQuery(window).width() > jQuery(window).height()) {
                if((jQuery(window).width()*(1500/2000)) < jQuery(window).height()) {
                    jQuery("#mainimg img").css( "height", jQuery(window).height() );
                    jQuery("#mainimg img").css( "width", jQuery(window).height()*(2000/1500) );
                } else {
                    jQuery("#mainimg img").css( "height", jQuery(window).width()*(1500/2000) );
                    jQuery("#mainimg img").css( "width", jQuery(window).width() );
                }
            } else {
                jQuery("#mainimg img").css( "height", jQuery(window).height() );
                jQuery("#mainimg img").css( "width", jQuery(window).height()*(2000/1500) );
            }




        }); 

        jQuery(window).resize(function(){
            if(jQuery(window).width() > jQuery(window).height()) {
                if((jQuery(window).width()*(1500/2000)) < jQuery(window).height()) {
                    jQuery("#mainimg img").css( "height", jQuery(window).height() );
                    jQuery("#mainimg img").css( "width", jQuery(window).height()*(2000/1500) );
                } else {
                    jQuery("#mainimg img").css( "height", jQuery(window).width()*(1500/2000) );
                    jQuery("#mainimg img").css( "width", jQuery(window).width() );
                }
            } else {
                jQuery("#mainimg img").css( "height", jQuery(window).height() );
                jQuery("#mainimg img").css( "width", jQuery(window).height()*(2000/1500) );
            }           





        });

我希望你能帮助我。

Firefox不会在后台div中加载图像

0 个答案: