html - 为 IE 后台支持包含额外 CSS 的正确方法？

Question

我的 CSS 有一个简单的样式，可以在 Firefox 和 Chrome 中漂亮地拉伸(stretch)我的背景，但是使用这段代码，IE 将背景居中并且不会相应地拉伸(stretch)。

html{
     background: url(images/bg4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
   } 

我认为 IE 不识别标签 2 到 5，但是有没有办法通过附加代码实现同样的效果，或者我是否坚持使用 IE 只是将图像居中而不拉伸(stretch)它？

谢谢

(此外，我会在我的普通帐户上发帖，但 openID 现在适合我)

Answer 1

写一个只针对IE的规则

html{
     background: url(images/bg4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
background:url(images/bg4.jpg) no-repaeat center center\9; // this rule will affect all IE verisons but other browsers
   } 

如果您不能使用相同的图像实现您想要的效果，您可能想要为 IE 制作自定义图像。例如，使用已经拉伸(stretch)的背景制作 bg5.jpg。