浏览器支持
问题描述:
我有一个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');
请帮我
答
是否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
我想你注意几件事。首先,您不包含Microsoft Internet Explorer 10+和Opera的前缀。其次,你的WebKit语法很旧,很旧。第三,你不包括没有前缀的正式版本。 – xfix 2012-02-16 06:48:13