浏览器支持

浏览器支持

问题描述:

我有一个css渐变按钮,它适用于Firefox和谷歌浏览器,但它在ie6中不起作用。以下代码我使用。浏览器支持

代码:

background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); 
background: -moz-linear-gradient(top, #7db72f, #4e7d0e); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7db72f', endColorstr='#4e7d0e'); 

请帮我

+0

我想你注意几件事。首先,您不包含Microsoft Internet Explorer 10+和Opera的前缀。其次,你的WebKit语法很旧,很旧。第三,你不包括没有前缀的正式版本。 – xfix 2012-02-16 06:48:13

是否this page帮助?

过滤器应用于的对象在显示过滤器效果之前必须具有布局。您可以通过设置高度或宽度属性,将位置属性设置为绝对值,将writingMode属性设置为tb-rl或将contentEditable属性设置为true来提供对象布局。

可能存在间距progid : DXImageTransform.Microsoft之间的问题。像这样写:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='7db72f'); 

阅读这篇文章http://webdesignerwall.com/tutorials/cross-browser-css-gradient