IE11不兼容css3渐变属性
2018-01-23 12:52
627 查看
最近做项目发现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下按钮样式
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下按钮样式
相关文章推荐
- CSS3背景渐变属性 linear-gradient(线性渐变)和radial-gradient(径向渐变)
- css3中的transition渐变过渡属性的认识.
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- css3背景颜色渐变属性
- CSS3背景属性和渐变
- ie8以下兼容圆角等css3的属性
- CSS3背景属性和CSS3的渐变
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- 一个很实用的css3兼容工具很多属性可以兼容到IE6
- ie8如何兼容css3的圆角属性
- 从零开始学 Web 之 CSS3(三)渐变,background属性
- IE6/7/8如何兼容CSS3属性
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- IE8兼容canvas和一些CSS3属性
- css3 中transition属性,类似js渐变的效果
- CSS3 -webkit-transition(属性渐变)
- 让IE支持Css3属性(圆角、阴影、渐变)
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- css3新属性placeholder兼容ie7/ie8