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

Question

我正在尝试使我的网站 ( http://www.arcdna.com ) 与 Firefox 和 Internet Explorer 兼容。有两个主要问题导致了最大的问题。

1. 视差图像不会显示。
2. 页脚不会出现。

对于视差图像，我使用 ( 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%; }

查询

    $(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%;
}

希望这可能是掩护的更好选择。对于页脚，无法理解您的观点。