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

简介: border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#569B0E', endColorstr='#095701', GradientType=0); 如图: 所以border-radius(圆角)和DXImageTransform.
 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!

 

目录
相关文章
css3中的圆角border-radius
css3中的圆角border-radius
|
6月前
|
前端开发
CSS新增样式----圆角边框、盒子阴影、文字阴影
CSS新增样式----圆角边框、盒子阴影、文字阴影
|
16天前
CSS3设置圆角化
CSS3设置圆角化
|
1月前
|
前端开发
CSS圆角大杀器,使用滤镜构建圆角及波浪效果
CSS圆角大杀器,使用滤镜构建圆角及波浪效果
22 0
|
2月前
|
Web App开发 前端开发
CSS Hack是什么?ie6,7,8的hack分别是什么
CSS Hack是什么?ie6,7,8的hack分别是什么
57 0
|
2月前
css3边框与圆角
css3边框与圆角
31 0
|
4月前
CSS3新增属性之圆角、盒阴影、字阴影
CSS3新增属性之圆角、盒阴影、字阴影
|
5月前
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
22 0
|
6月前
|
前端开发 开发者
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?
|
9月前
|
前端开发 容器
CSS3 属性选择器 伪类选择器 盒模型 圆角 阴影 CSS定位和浮动
CSS3 属性选择器 伪类选择器 盒模型 圆角 阴影 CSS定位和浮动