Html CSS适用于某些浏览器而非其他浏览器（网站不适用于Firefox和chrome）

我对目前正在使用的网站有问题。基本上，该网站不适用于所有浏览器。例如，我适用于Firefox 13.0，但不适用于FF7.0；我适用于Chrome 18.0，但不适用于旧版本。IE 9.0的情况与IE 9.0相同，但不适用于IE 6.0网站：http://www.microboticsinc.com/Test/home.html. 目前它只在公司的3台机器上工作。 因此，现在我只想继续讨论两个主要问题。 1-调整大小：当我放大/缩小时。它基本上会把背景图像放得到处都是。可能我需要在我的CSS代码上添加一个规范。 2-事实上并非所有浏览器都兼容

以下是我的背景mcb.css：

.outerDiv{
边框：实心3px透明；
宽度：1070px；
高度：1000px；
位置：相对位置；
颜色：黑色；
字体系列：verdana；
字体大小：粗体；
字体大小：11px；
文本对齐：左对齐；
保证金：0自动；
}
nestedDivTL先生{
背景色：透明；
宽度：175px；
位置：绝对位置；
顶部：165px；
左：10px；
底部：596px；
}
nestedDivTR先生{
背景色：透明；
位置：绝对位置；
顶部：50px；
右：400px；
}
nestedDivBL先生{
背景色：透明；
宽度：400px；
高度：300px；
位置：绝对位置；
顶部：200px；
右：25px；
}
nestedDivBR先生{
背景色：透明；
宽度：400px；
位置：绝对位置；
顶部：200px；
右：450px；
}
nestedDivBG{
背景色：透明；
宽度：自动；
高度：自动；
位置：绝对位置；
顶部：0px；
左：0px；
}
nestedDivSC先生{
背景色：透明；
位置：绝对位置；
顶部：176像素；
左：202px；
}
nestedDivnf{
背景色：透明；
位置：绝对位置；
顶部：420px；
左：15px；
宽度：160px；
高度：568px；
底部：12px；
溢出：隐藏；
}
a:悬停{文本装饰：下划线；颜色：绿色}
*{边距：0；填充：0；}
.透明{
/*IE 5、6、7所需*/
宽度：100%；
/*理论上适用于IE 8和9（更有效）*/
/*…但不需要，因为过滤器也可以工作*/
/*应该在过滤器之前*/
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=50）”；
/*这也适用于IE8和IE9*/
/*…还有5，6，7*/
过滤器：α（不透明度=50）；
/*早于Firefox 0.9*/
-moz不透明度：0.5；
/*Safari 1.x（WebKit之前的版本！）*/
-khtml不透明度：0.5；
/*现代！
/*Firefox 0.9+、Safari 2？、Chrome有吗？
/*歌剧9+，即9+*/
不透明度：0.5；
}    
身体{
背景图片：url（“参考资料/网页部件/Misc/Map.gif”）；
背景重复：无重复中心固定；
}
html{
背景：透明的url（“资源/网页部件/背投/carb.jpg”）无重复中心；
显示：块；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

我在w3c.org上用验证器测试了css，并解决了它们显示给我的错误。

---

有人能知道我遗漏了什么或者如何找到我的错误吗？我已经没有办法解决这些问题了。

我猜这里的问题在于这一点：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

下面是我找到的一个图表，它描述了背景封面的浏览器兼容性。它在底部

---

我猜这里的问题在于这一点：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

下面是我找到的一个图表，它描述了背景封面的浏览器兼容性。它在底部

---

如果需要背景图像覆盖元素，请尝试以下操作：

.bg {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5000;
}

此链接包含代码示例和可调整大小的完整背景图像的演示。你可以把它放在div或段落上，任何地方都可以

代码：

链接：

---

如果需要背景图像覆盖元素，请尝试以下操作：

.bg {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5000;
}

此链接包含代码示例和可调整大小的完整背景图像的演示。你可以把它放在div或段落上，任何地方都可以

代码：

链接：

---

@Scotty。感谢Scotty的快速回答。我也删除了此部分，然后再次尝试。但正如我所说，它与FF13+和IE9+以及Chrome18+一起工作。但在旧版本上没有。它仍然没有解决问题。如果你将背景样式应用于包含div，当你弄乱缩放时，它们不会四处浮动。正如您现在看到的，背景图像独立于它们应该在后面的元素，因此它们可以自由浮动。例如，如果您将地图背景放在

.nestedDivSC

div上，它将始终位于内容后面。此外，深蓝色背景看起来像是要设置为在屏幕上重复，代替居中。@Scotty.Hey Scotty我试着按照你的建议去做，他成功了。但不知怎么的，背景图像无法调整大小，IE上的背景图像也被弄乱了。图像被切成两半。我尝试了tahdhaze09建议的调整背景图像的方法。但我没有成功。以下是最新的网站：。如果有人知道我做错了什么，请告诉我。我只是花了一整天的时间在这个主题上。谢谢你，因为你的布局是静态宽度，你可以调整图像的大小以适应div。另外，我注意到你当前的蓝色背景超过2000像素宽，这让你的页面永远无法加载。我在GIMP中为您调整了它的大小，所以如果您上传这一个，并将其设置为重复，它将覆盖整个屏幕，并且只需加载一小部分时间@Scotty。谢谢Scotty的快速回答。我也删除了这个部分并再次尝试。但正如我所说，它与FF13+和IE9+以及Chrome18+一起工作。但在旧版本上没有。它仍然没有解决问题。如果你将背景样式应用于包含div，当你弄乱缩放时，它们不会四处浮动。照你说的