您的位置:首页 > Web前端 > CSS

Css3 圆角和渐变色问题(IE9)

2014-01-08 11:34 232 查看
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#569B0E', endColorstr='#095701', GradientType=0);


如图:



所以border-radius(圆角)和DXImageTransform.Microsoft.gradient(渐变色)只能兼容其中一个,

解决方法:

border-radius: 4px;
background-color: #569B0E;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#569B0E',endColorstr='#095701',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);


如图:



总结:

当然这只存在于IE9。

Chrome,Firefox,Opera都没有问题。

可恨的IE!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: