Question

我正在尝试让我的网站（http://www.arcdna.com）与Firefox兼容IE浏览器。导致最大问题的主要问题有两个。

视差图像不会显示。
页脚不会显示。

对于视差图像，我使用（background-image:cover;）作为显示图像的代码;但是，通过研究，我相信这是导致问题的原因。我不确定解决这个问题的替代途径。

使用页脚，我使用了一个简单的页脚元素;但是，链接都是未对齐的，背景颜色缺失。

任何建议都将不胜感激！

Answer 1

对于IE兼容性，您可以尝试使用此IE6 + 方法1 [jquery]

<img src="images/bg.jpg" id="bg" alt="">
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

JQUERY

    $(window).load(function() {    

        var theWindow        = $(window),
            $bg              = $("#bg"),
            aspectRatio      = $bg.width() / $bg.height();

        function resizeBg() {

            if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
                $bg
                    .removeClass()
                    .addClass('bgheight');
            } else {
                $bg
                    .removeClass()
                    .addClass('bgwidth');
            }

        }

        theWindow.resize(resizeBg).trigger("resize");

});

方法 - 2：（CSS）IE8 +

<div id="bg">
  <img src="images/bg.jpg" alt="">
</div>
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

希望这可能是封面的更好选择。对于页脚，不能明白你的意思。

浏览器兼容性问题（IE和Firefox）

1 个答案: