2012-02-26 52 views
1
body { 
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%); 
    /* IE10 */ 
    background-image: linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%); 
} 

上面的代码工作正常在Firefox和Internet Explorer 10的工作,但在IE 8获得线性渐变到IE 8

他们都没有工作,现在请你告诉我如何使这个代码在Internet Explorer 8中工作?

回答

4
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB9FF', endColorstr='#FFFFFF'); 

注:以前的规则是规则。做不是以这种方式使用它: background: filter: ....;

另请参阅:CSS3 cross browser linear gradient

+0

感谢Rob W的回复。我试过这个背景图像:-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr ='#5EB9FF',endColorstr ='#FFFFFF');但它不起作用。通常我想在背景中看到蓝色和白色的组合,但在IE 8中显示出灰色。谢谢 – 2012-02-26 18:27:29

+0

@black_belt不**使用'background:filter:...'。我的回答包含了整个规则,并且我已经成功测试了它。使用'filter':http://jsfiddle.net/3aFs7/1/并使用'-ms-filter':http://jsfiddle.net/3aFs7/2/。 – 2012-02-26 19:02:27

+0

非常感谢你。它现在完美。 :)再次感谢罗布W。:) – 2012-02-26 19:54:08