IE11不兼容css3渐变属性

ProgrammarQin

于 2018-01-23 12:52:21 发布

阅读量8.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS HTML 文章标签： linear 渐变

本文链接：https://blog.youkuaiyun.com/ProgramarQin/article/details/79138323

HTML 同时被 2 个专栏收录

9 篇文章

订阅专栏

CSS

8 篇文章

订阅专栏

本文介绍了一种解决IE11浏览器不兼容CSS3渐变属性的方法。通过在样式表最前面设置一个非渐变背景色，确保在渐变效果失效时仍能显示合适的背景色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做项目发现IE9兼容css3中渐变属性，到了IE11居然反而不兼容，一开始一直用低版本的IE测试兼容性，才发现低版本IE兼容的IE11不一定兼容，后来解决方法是，在样式最前面加入background设置不渐变的颜色，这样一来当渐变样式不出现，也可以有个初始的背景颜色，不至于按钮背景为白色且字体为白色时候按钮看不见，下面粘贴样式代码：

background:#88D8F6;
background: 
-webkit-gradient(linear, 
left top, right
top, color-stop(0,
#6BABFB), 
color-stop(1,
#88D8F6));
background: 
-ms-linear-gradient(right, 
#6BABFB, #88D8F6);
background: 
-o-linear-gradient(#88D8F6, 
#6BABFB);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88D8F6', endColorstr
='#6BABFB', GradientType=0);
box-shadow: 
none;

IE11下按钮样式