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

我正在尝试使我的网站（）与Firefox和Internet Explorer兼容。有两个主要问题正在引发最大的问题

视差图像将不会显示

页脚将不会显示

对于视差图像，我使用（

背景图像：cover；

）作为显示图像的代码；然而，通过研究，我相信这就是问题的原因。我不确定是否有其他解决此问题的方法

对于页脚，我使用了一个简单的页脚元素；但是，链接都未对齐，并且缺少背景色

---

如有任何建议，将不胜感激

对于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%; }

#bg{位置：固定；顶部：0；左侧：0；}
.bgwidth{width:100%；}
.bgheight{高度：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");

});

$（窗口）.load（函数（）{
var theWindow=$（窗口），
$bg=$（“#bg”），
aspectRatio=$bg.width（）/$bg.height（）；
函数resizeBg（）{
如果（（theWindow.width（）/theWindow.height（））

方法2：（CSS）IE8+

#背景{
位置：固定；
前-50%；
左-50%；
宽度：200%；
身高：200%；
}
#bg-img{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
最小宽度：50%；
最小高度：50%；
}

希望这能成为更好的掩护选择。

---

对于页脚，我无法理解您的观点。

如果您指定了要测试的IE版本，这将非常有帮助。如果问题是在旧版IE中缺少对

背景大小的支持，你可以阅读我今天早些时候对一个类似问题的回答：--这里有四种不同的解决方案。你好！欢迎来到StackOverflow！除了上面Spudley的评论之外，如果您将站点的标记/CSS的（简化）版本直接发布到问题中，也会有所帮助。查看整个页面的HTML内容可能会让人望而生畏，而且也不会给未来的堆垛者留下好的印象，因为他们可能与您有相同的问题（一旦您修复了站点上的问题，就无法查看原始问题是什么）。
<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%;
}