2011-08-04 78 views
2

我正在使用以下CSS给背景渐变效果,但在IE中它不起作用。我如何使它在IE8中工作?渐变效果IE

background: -moz-linear-gradient(bottom, #000000, #829a90); 
background: -webkit-gradient(linear, left bottom, left top, from(#000000),to(#829a90)); 
+1

可能不会回答你的问题,但它可能值得一看http://css3pie.com/ –

回答

3

测试在IE8和它的工作:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', 
            endColorstr='#829a90'); 

还有一些在IE给渐变效果,因为它不支持彩色停止和径向渐变一定的局限性。并不能保证所有浏览器都支持渐变,这就是为什么你不应该依赖渐变。

+1

...和跨浏览器的CSS一般,看看http://prefixr.com/ – Quasdunk

+1

@Quasdunk :链接做什么? –

+0

@Harry Joy你可以在那里粘贴一个css声明,例如'background:-moz-linear-gradient(bottom,#000000,#829a90);',然后点击Prefixize-按钮,它会显示声明几乎所有的浏览器。 – Quasdunk