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!
相关文章推荐
- 让IE9以下也支持CSS3圆角属性
- CSS3圆角兼容性问题
- CSS3 中圆角问题
- IE6,7,8中兼容css3圆角问题
- 解决IE8及以下版本css3圆角不能显示的问题
- 让IE9以下版本的浏览支持html5标签,CSS3选择器,圆角,投影功能
- 让IE9以下的浏览器支持圆角及CSS3新特性
- 让IE9以下也支持CSS3圆角属性
- IE9、 Firefox、Safari, Chrome的CSS3圆角属性
- 兼容ie9以下css3,hover和圆角(htc)
- CSS3圆角详解:border-radius
- iOS-UIView的部分圆角问题
- iOS输入框和button圆角问题
- extjs4在ie9中字体问题的解决
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10(转)
- css3 position fixed居中的问题
- ie9 与 firefox、chrome浏览器 css、js兼容问题
- 在jQuery Mobile中当调用listview的refresh函数之后,圆角变直角的问题
- 能够兼容全部浏览器的 css3 圆角做法