CSS 渐变效果在IE下无效？

于 2019-09-27 10:54:46 发布
阅读量345 收藏
点赞数
文章标签： 前端 ViewUI
原文链接：http://www.cnblogs.com/nixjojo/archive/2011/12/30/2306864.html
版权

用background: -moz-linear-gradient(#FD7E1F, #F95905);来实现渐变的效果，在FireFox下有效，可是在IE下无效。

加一句filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD7E1F', endColorstr='#F95905');即可，该句只对IE生效（用IE9测试通过）。

而Chrome还是不行，不知道为什么，继续摸索。

转载于:https://www.cnblogs.com/nixjojo/archive/2011/12/30/2306864.html

dengdianjian2078
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE浏览器渐变效果失效，谷歌浏览器有效
qq_42475882的博客
11-12 225
最初的写法(谷歌有渐变效果，但是IE无效果) background: -webkit-linear-gradient(top,white,lightblue); 谷歌和IE都有效 background-image:linear-gradient(to bottom,white 0%,lightblue 100%); background-image:-webkit-linear-gradient(top,white,lightblue); background-image:-ms-linear-gradie
IE 不支持 background-image:linear-gradient 。IE input 默认
韩梦飞沙_韩亚飞
03-19 2570
IE 不支持  background-image:linear-gradient(to right,rgba(0, 194, 255, 0.2),#00C2FF,rgba(0, 194, 255, 0.2));==兼容当前五大浏览器的渐变颜色背景gradient的写法<style type="text/css" media="screen"> #gradient { width: 20...
css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用
热门推荐
码农一个
12-24 4万+
在修改UI-UE工作的时候遇到一个问题，一个样式在firefox上正常的在IE上不正常经过查找发现是当时的开发人员只实现了firefox的逐渐变色效果，却没有去实现IE的效果，后来查找了一些资料使用IE的滤镜来完善相应的页面，并找到了rgba和16进制颜色转变的方法 火狐下的样式background-image: -moz-linear-gradient(rgba(255, 255, 255,
CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器
09-25
本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前不支持Opera浏览器。垂直渐变，起始颜色红色，结束颜色蓝色，结束的蓝色的透明度是0.5，感兴趣的朋友可以了解下
兼容各浏览器的css渐变
08-26
css渐变代码,代码兼容各个浏览器，适用于ie7以上及各主流浏览器
CSS在IE6下不起作用，没有效果
08-05
要实现透明效果，开发者通常需要使用专为IE6设计的滤镜（如`filter: alpha(opacity=50)`），而CSS3的渐变和阴影等效果在IE6中则完全不可用。 此外，CSS层叠问题也是困扰IE6的一个常见问题。IE6的层叠上下文...
解决CSS在IE与火狐下的兼容问题
12-19
本文将深入探讨如何解决CSS在IE与Firefox下的兼容问题，帮助你的网页在各种浏览器中展现一致的效果。 1. **认识浏览器渲染差异** - **DOCTYPE声明**：DOCTYPE声明会影响浏览器进入何种标准模式。在IE中，没有...
selectivizr让IE6-9获得css3的选择器之外，或获得了圆角、阴影、渐变色资源等css3属性的支持.rar
07-29
3. **背景渐变（Background Gradient）**: 使用CSS3的linear-gradient或radial-gradient创建的背景渐变在IE6-9中无效。Selectivizr通过创建多个背景图像并调整它们的位置来模拟渐变效果。 4. **盒阴影（Box Shadow...
IE6下PNG背景透明的方法
10-10
6. **使用CSS3渐变替代PNG**：对于一些简单的透明效果，可以考虑使用CSS3的线性或径向渐变来替代PNG图像，但这仅适用于支持CSS3的现代浏览器，对IE6无效。 7. **升级或替换浏览器**：尽管这是一个理想的选择，但在...
ie-css3.htc
12-06
总之，ie-css3.htc是过去解决IE浏览器CSS3兼容性问题的一个重要工具，尽管现在随着新浏览器的普及，它的使用已经逐渐减少，但在处理遗留项目或者仍需支持老版本IE的场景下，ie-css3.htc仍然具有一定的参考价值。...
css实现兼容各浏览器的颜色渐变.html
11-25
纯css实现兼容各浏览器的颜色线性渐变，对角渐变，渐变角度设置，线性渐变透明度，及渐变方向、隔行变色等，支持设置结点渐变的效果。
css3背景颜色线性渐变兼容ie9浏览器方法（背景颜色线性渐变在ie9下失效问题解决）
HuangsTing的博客
07-18 1130
{ background:linear-gradient(178deg,rgba(99,91,254,1) 0%,rgba(105,114,255,1) 100%); background:-moz-linear-gradient(178deg,rgba(99,91,254,1) 0%,rgba(105,114,255,1) 100%); background:-webkit-linear-gra...
css3文字渐变无效果的解决方案
diaobei9747的博客
07-05 695
现在css3越来月流行了,为了实现一些高大上的效果,我们会用一些渐变的特效,请看文字渐变的特效代码: .title { font-size: 60px; line-height: 80px; text-align: center; margin-top: 15%; -webkit-background-clip: text; ...
gradient渐变IE兼容处理
weixin_33889665的博客
03-21 105
根据caniuse（http://caniuse.com/#search=gradient），gradient兼容性为IE10以及以上浏览器。     实例代码： 1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UT...
css圆形渐变背景，兼容IE filter下border-radius失效的问题
janyxh的博客
06-12 776
最近有一个需求，一个圆形的渐变颜色背景。 开始动手吧！ 标准浏览器： 使用linear-gradient，CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。 linear-gradient()语法： linear-gradient( angle | side-or-corner , ? color-stop); 第一个参数：用角度值指定渐变的方向（或...
Edge，IE浏览器 兼容模式设置
PinkCoder
12-15 3万+
Edge，IE浏览器 兼容模式设置
ie兼容CSS3渐变写法
weixin_30810239的博客
10-11 144
在css3之前要想做背景色渐变就只能采用添加背景图片的方法，但是随着css3：linear-gradient属性的出现，就可以避免使用添加背景图片的方法，从而优化了性能。但是inear-gradient属性在ie9以下是无效的，但是可以采用ie滤镜的方法。 比如：黑色渐变到白色，代码如下： .gradient{ background: -moz-linear-gradien...
让el-header呈渐变效果的css是什么？
最新发布
06-09
为了让el-header呈现渐变效果，可以使用CSS的渐变属性（gradient）。具体实现方式如下： ```css .el-header { background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); } ``` 其中，linear-gradient...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值