Question

关于dw的css代码浏览器如何兼容渐变色

现在有要做一个蓝色的渐变按钮，CSS里关于渐变的代码如下：
background:-moz-linear-gradient(top,#307fc7,#1a46ac);
但是应用后只有火狐浏览器出现渐变效果，IE和360都没有，显示空白
（火狐效果）
（360和IE效果）
请问：兼容性的问题应该怎么设置
附：（之前圆角的兼容性我已经查出来了，如下，供参考）
-moz-box-shadow:0px 1px 2px #000000; /* For Firefox3.6+ */
-webkit-box-shadow:0px 1px 2px #000000; /* For Chrome5+, Safari5+ */
box-shadow:0px 1px 2px #173a59;
border-radius: 3px;border:1px solid #000000;





Answer 1

渐变的兼容和圆角的不一样，（渐变效果的浏览器兼容如下图），渐变的效果现在还不能在pc端普及，ie10以下的浏览器根本没有办法兼容，所以这样的东西建议还是用背景图吧。

追问

您好，我想问下，平常比较常用的css属性还有哪些是涉及到兼容性的问题的

追答

基本上都存在，比如你说的圆角在ie8以下就不支持，css3当时编写的时候就根本没有考虑ie678，现在相当的一部分连ie9都不支持呢。

追问

只要考虑ie8以上的系统就可以了。我这边的项目要求就是这样

追答

那这个渐变也没办法。

Answer 2

渐变色，ie8及以下浏览器可以试试这个

filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#FFFFFFFF,endColorstr=#FF000000,GradientType=0);

startColorstr和endColorstr:前两位是透明度，后6位是色值

GradientType=0是垂直渐变

GradientType=1是水平渐变