IE11不兼容css3渐变属性

最近做项目发现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下按钮样式

IE11不兼容css3渐变属性相关推荐

CSS3渐变属性：线性渐变和径向渐变用法教程
在CSS3之前如果需要添加渐变效果,通常要设置背景图像来实现.而CSS3中增加了渐变属性,通过渐变属性可以轻松实现渐变效果.CSS3的渐变属性主要包括线性渐变和径向渐变,本文转自黑马程序员前端培训课程 ...
css中的渐变的属性,CSS3 渐变属性（Gradients）-线性渐变(linearGradient)
通过使用 CSS3 渐变(gradients),你可以减少下载的事件和宽带的使用.此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的. 丛本质上来说,既然 bac ...
CSS3渐变——线性渐变
渐变背景一直以来在Web页面中都是一种常见的视觉元素.但一直以来,Web设计师都是通过图形软件设计这些渐变效果,然后以图片形式或者背景图片的形式运用到页面中.Web页面上实现的效果,仅从页面的视觉效果 ...
html垂直线性渐变,再说CSS3渐变——线性渐变
渐变背景一直以来在Web页面中都是一种常见的视觉元素.但一直以来,Web设计师都是通过图形软件设计这些渐变效果,然后以图片形式或者背景图片的形式运用到页面中.Web页面上实现的效果,仅从页面的视觉效果 ...
再说CSS3渐变——线性渐变
渐变背景一直以来在Web页面中都是一种常见的视觉元素.但一直以来,Web设计师都是通过图形软件设计这些渐变效果,然后以图片形式或者背景图片的形式运用到页面中.Web页面上实现的效果,仅从页面的视觉效果 ...
使用css3渐变制作纹理效果
使用css3渐变制作纹理效果 Web页面中常用纹理图片制作背景,这通过制图软件很快就能实现,但对于不懂设计的人来说并不是一件容易的事.CSS3的渐变特性,可以直接使用代码实现一些纹理背景效果. 接下来 ...
悬停渐变特效html,CSS3 transition属性实现hover渐变动画效果
CSS3 transition属性实现hover渐变动画效果我们知道许多网页动态特效都是由FLASH或JQUERY之类的JS特效库实现的实际上现在CSS3也能实现很多类似效果了,只是在各种浏览器中兼 ...
CSS3 -webkit-transition(属性渐变)
-webkit-transition:CSS属性(none|all|属性) 持续时间时间函数延迟时间 CSS属性(transition-property):要变化的属性,比如元素变宽则是wi ...
Css3之基础-5 Css 背景、渐变属性
一.CSS 背景概述背景属性的作用 - 背景样式可以控制 HTML 元素的背景颜色.背景图像等 - 背景色 - 设置单一的颜色作为背景 - 背景图像 - 以图片作为背景 - 可以设置图像的位置.平铺 ...

IE11不兼容css3渐变属性

IE11不兼容css3渐变属性相关推荐

最新文章

热门文章