2011-03-31 63 views
1

我对我的CSS有一个简单的样式,它在Firefox和Chrome中精美地展现了我的背景,但是使用此代码,IE将居中背景并且不会相应地展开。为IE背景支持添加额外CSS的正确方法?

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是给我适合现在)

+0

您可以稍后通过电子邮件[email protected]申请帐户合并。 – BoltClock 2011-03-31 23:50:58

回答

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具有已经拉伸的背景。