IE11不兼容css3渐变属性

IE8兼容性问题及解决方案 前言 最近在做一个项目,要求是兼容IE8,还要兼容1280屏幕分辨率,写页面其实还好,就是这个IE8贼恶心,用到的很多css属性IE8都不兼容,想要的效果也呈现不出来。先来说一说我遇到的IE8不支持的哪些css属性吧 1,background不支持连写 background:url(../img/background.png) no-repeat -580px 0/auto 100%; *... 阅读详情

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



让ie也支持css3 自己起一个公用类名,然后用behavior引入,哪个容器需要用到css3的样式就在这个容器上加上这个class类名 立即下载

相关推荐

Python大数据舆情分析系统开发实战

舆情监测系统是大数据分析的重要应用场景,通过自然语言处理(NLP)技术解析社交媒体文本情感倾向。基于Python技术栈的解决方案整合了Scrapy爬虫框架进行数据采集,PySpark处理海量文本数据,结合SnowNLP和Jieba实现中文语义分析。系统采用微服务架构设计,包含数据采集层、处理层、存储层和应用层,通过情感分析优化和实时热点检测算法提升监测准确率。典型应用包括企业品牌监测、公共事件预警等场景,开发过程中需特别注意数据合规性和分布式集群的性能调优。

weixin_34408624的博客 388

css3背景颜色线性渐变兼容ie9浏览器方法(背景颜色线性渐变在ie9下失效问题解决)

{ 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...

HuangsTing的博客 1265

宝塔面板 python管理器2.0安装Mrdoc

自从python管理器从1.9升级2.0后,导致原教程不能使用。 故关于2.0新开教程如下。 关于python管理器2.0 最大的区别在于: python管理器2.0不再需要进入虚拟环境,直接在当前环境进行操作,但是需要指定python路径及pip路径。 1、新建mrdoc工程目录,下载源码: 新建目录【mrdoc】,进入mrdoc目录,并在宝塔ssh或或远程ssh中执行 ,下载源码 git clone https://gitee.com/yang_lite/MrDoc.git .

debj031634的专栏 5997

[css]如何在IE11上使用渐变色

首先以下用法在ie11上是不行的 filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); 参考:https://stackoverflow.com/questions/19980079/how-to-make-background-image-with-linear-gradient-work-on-ie-11 使用即可 linear-gradi.

jameskaron的专栏 938

嵌入式下载故障排查:ST-LINK与GD32 Programmer典型问题解决

嵌入式固件烧录是MCU开发的关键环节,其本质依赖于调试器(如ST-LINK、GD-Link)与目标芯片间的协议通信、驱动加载及硬件接口协同。原理上,SWD/JTAG协议需在正确时序、电平与供电条件下完成设备枚举、ID读取与Flash编程;技术价值在于保障量产烧录稳定性与调试可重复性;典型应用场景涵盖STM32/GD32教学开发、工业控制板量产调试及Windows 11新系统适配。本文聚焦ST-LINK-V2在Keil MDK中的下载失败和GD32 All In One Programmer的DLL加载异常两

weixin_35006125的博客 154

TensorRT-LLM环境配置避坑指南:从安装到实战

本文是一份详尽的TensorRT-LLM环境配置避坑指南。文章重点解析了从Python、CUDA、PyTorch版本选择,到解决mpi4py安装这一核心难题的完整流程,并提供了经过验证的稳定版本组合与实战排错方案,帮助开发者高效部署大语言模型推理优化环境。

a0b1c2d3的专栏 985

CSS3工作版

1.首先,确保在支持CSS3上的浏览器上,所有效果能够展现, 2.替换机制 3.其次,给予稳定的回退机制 4.DRY(Don’t repeat yourself)优秀的修改性 5.we everything twice 或 we enjoy typing background background-attachment background-color background-ima...

qq_34516556的博客 403

Autojs实战教程---番茄免费小说Apk文件和源码

邀请码:782383363 字节跳到的App,推荐给大家,还是值得用一用的。不废话直接代码。 代码是带UI的复制后可以直接使用。 "ui"; //#region UI var rootUrl = "http://114.115.220.1:91";//各位大神小弟自己的服务器别黑谢谢 var storaySign = "FanqieXiaoShuo0412326@163.com"; var woolStorage = storages.create(storaySign);//创建本地存储 var

zy0412326的专栏 2万+

CSS3弹性布局怎么兼容IE(11)?

弹性布局(Flexbox)确实为我们构建复杂、灵活的布局带来了很大的便利,但是它的兼容性确让人很头痛,下面是我遇到的一个问题: 理想效果: IE11效果: html大概结构: 这里大致说一下css,input-container宽高没设死,由input决定,并设置position: relative;相对定位,并采用display: flex;弹性布局

highboys的博客 9990

组态王|组态王通过选择日期实现历史数据的查询

②在弹出的【插入通用控件】对话框选择【Calender Control】控件,然后点击【确定】按钮,关闭对话框,然后在画面上适当的位置按住鼠标左键并拖动,绘制出一个矩形框,放开鼠标,就完成了控件的绘制。此函数将指定的时间格式(年,月,日,时,分,秒)转换为以秒为单位的长整型数,转换的时间基准是UTC(格林尼治)1970年1月1日00:00:00。实现内容,通过两个日历控件选择开始日期和结束日期,然后点击【历史数据查询】按钮,在报表中显示对应时间段的数据集。另外你用过哪些组态软件?

做有价值的事,积累有价值的笔记! 4571

18、AI在基础设施管理与运维中的应用及未来趋势

本文探讨了人工智能(AI)在基础设施管理和运维中的广泛应用,包括性能优化、成本节约、网络安全等多个场景。文章详细介绍了AI在不同领域的应用工具、实际案例以及面临的挑战,并展望了未来AI在基础设施管理中的发展趋势。此外,还分析了AI与Site Reliability Engineering(SRE)框架的结合优势,展示了AI如何提升运维效率和系统可靠性。

n7o8p的博客 149

【无标题】background-image渐变色在IE中无法正常显示

“linear-gradient(to left,rgba(245,161,65), rgba(245,161,65,0.4))”,在谷歌浏览器中显示正常, 在IE中需要加入"linear-gradient(to left,rgba(245,161,65,0.99), rgba(245,161,65,0.4))",

hxcmove的博客 347

Serdes之什么是(CDR)?

光收发器和电收发器使用的是我们所说的串行数据通信。在这种通信方式中,数据位是按顺序一个接一个地传输的。光收发器和电收发器使用的是我们所说的串行数据通信。在这种通信方式中,数据位是按顺序一个接一个地传输的。目前市场上大多数收发器都没有专用的时钟输入,因此时钟恢复和数据重新定时等功能是在收发器外部(即在主板上)进行的。接收端则需要恢复时钟以采样串行线上的数据。为了实现这一点,接收端需要一个与输入数据频率大致相同的时钟。通过使参考时钟与输入数据信号的跳变相位对齐,可以生成一个恢复的时钟。这被称为时钟恢复。

叫好与叫座虽然不是对立面,但想在同一个作品中达到双重效果很难。 2392

文字渐变IE不兼容处理

问题:在做文字渐变类需求时,发现谷歌下可以完美实现的效果,在IE下却不是。 在谷歌下: 而在IE下: span{ color: transparent; display: inline-block; font-size: 2em; font-family: '微软雅黑'; background-ima...

qq_29603991的博客 2048

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

圆角渐变铵钮,渐变兼容ie7/ie8/ie9,但渐变不兼容ie11的解决方法

1、谷歌浏览器显示如下图: /*按钮*/ .fiveG_btn{ width:300px; height: 56px; line-height: 56px; margin:0 auto; border-radius: 40px; margin-top:10px; overflow: hidden; box-shadow: 0 5px 5px #fbd3c5; text-ali...

yaya07755的专栏 321

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

html5渐变兼容代码,ie不兼容css3 渐变色

有时我们会看到网站上的一些图片是渐变色的,这些图片有的是ui设计出来的,有的则是直接通过css3制作出来的。下面就讲一下css3实现渐变色的方法,以及在各个浏览器上的兼容性。CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。下面是代码:.line-color{width: 200px...

weixin_42515448的博客 342

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

CSS3的渐变

渐变指得是可以在两个或多个制定的颜色之间显示平稳的过渡 兼容性: IE10+,Firefox16+,chrome26+,opera12.1+,safari6.1+ 过早的版本我们可以加相对应的前缀来实现 3.6 -moz- 10.0 -webkit- 11.6 -o- 5.1 -webkit- **css3的线性渐变(linear Gradients) 是沿着一根轴线改变...

Love_My_Baby的博客 254

201906学习计划-css不兼容ie8汇总

css 兼容 ie8 汇总

chenxiaoyi0207的博客 436

Css3 文字渐变整理(一)

一、文本颜色渐变 <gradient> :可以应用在所有接受图像的属性上,允许使用简单的语法实现颜色渐变,以便UA在渲染页面自动生成图像。 语法:<gradient>=linear-gradient()|repeating-linear-gradient()|radial-gradient()|repeating-radial-gradient()...

weixin_30780649的博客 367

css3背景色渐变

.x-panel-body {/*背景渐变*/ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F8F8F6,endColorStr=#CBC6BD); /*IE 6 7 8*/ background: -ms-line...

aiweng3574的博客 194

不使用 JavaScript,仅在 CSS 中实现为 IE10 / IE11 单独设置样式(IE11 不支持 flex: 1; / ES6,IE11 之前不支持 Swiper)

1. 为 IE10 / IE11 单独设置样式(exp:文字渐变色) 2. IE11 不支持 flex: 1(exp:行政办公) 3. IE11 中 不可以使用 es6(exp:防抖定时器) 4. IE11 之前的版本不兼容swiper

Lyrelion的博客 1044

CSS 兼容IE8的线性渐变和旋转

因IE8不兼容CSS3旋转和渐变的属性,改用filter实现渐变以下效果为横向渐变,从左到右,加了透明度filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 finishopacity=50 style=1 startx=0,starty=0,finishx=100,finishy=0) progid:DXImageTransform....

weixin_39612961的博客 1603

IE8上面的旋转和透明度,利用滤镜属性去处理(兼容css3的transform和rgba())

1.关于在IE浏览器上面的一个旋转问题 IE8不支持css3的transform属性,因此在兼容ie8的时候需要用到滤镜来进行兼容 语法: 兼容c3属性的浏览器在设置旋转属性的时候: transform:rotate(-30deg);  -ms-transform:rotate(-30deg);  -o-tranform:rotate(-30deg);  -webkit-transform:rotate(-30deg);  -moz-transform:rotate(

weixin_41757599的博客 885

css3 线性渐变和径向渐变样式

线性渐变:ie6以下不兼容 径向渐变:只支持firefox、Chrome和Safari Background Color * { marigin:0; padding:0; } div{ margin-bottom:20px; width:300px; height:100px; } .linear{/*线性渐变样式*/ background-color: #1F

snow_finland的专栏 1527

css3各种属性总结

css3属性 1:css3属性具有兼容性,不兼容IE9以下浏览器,IE9部分兼容。 2:各大浏览器的内核兼容写法? 内核是浏览器的核心,作用是渲染页面 IE -ms- 火狐 -moz- 欧朋 -o- 谷歌 -webkit- 3:css3属性和标签更主要是用在移动端 4:文字阴影 text-shadow:x y blur color, … 参数 x 横向偏移 y 纵向偏移 blur 模糊距离 color 阴影颜色 文本阴影如果加很多层,会很卡很卡很卡 例子: 层叠: color:red; font-size:

starry__sty的博客 477

css3渐变属性兼容性和div圆角属性兼容性

一、渐变 最近开发页面使用到了css渐变和border-radius 属性,最初只是百度了一下方法,后经测试,在IE9中并不生效,又开始解决; 菜鸟驿站上标明了浏览器兼容 浏览器支持 表中的数字指定了完全支持该属性的第一个浏览器版本。 后边跟 -webkit-、-moz- 或 -o- 的数字指定了需加上前缀才能支持属性的第一个版本。 属性 IE

Sophiego的博客 1144
下一篇: echart图表环形图(饼图)
小简GoGo
博客等级 码龄10年 50粉丝 32原创
评论 6
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值