为IE后台支持添加额外CSS的正确方法是什么?

时间:2011-03-31 18:43:35

标签: html css internet-explorer

我的CSS有一个简单的风格,可以在Firefox和Chrome中完美地展现我的背景,但是使用这段代码,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;
   } 

我认为IE不识别标签2到5,但有没有办法用附加代码完成同样的效果,或者我只是居中使用IE而不是拉伸它?

由于

(另外,我会发布在我的普通帐户上,但openID现在正适合我)

1 个答案:

答案 0 :(得分:0)

编写仅针对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制作自定义图像。例如,使用已经拉伸的背景制作bg5.jpg。