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

时间:2015-01-23 12:18:11

标签: jquery html css firefox

我们在这个网站上有一个奇怪的问题: 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) );
            }           





        });

我希望你能帮助我。

0 个答案:

没有答案