换肤的新策略(兼容ie9,10,11)

3 篇文章 0 订阅
3 篇文章 0 订阅

适用场景:.
1.原生css,scss还是less,都能使用

2.兼容ie9,ie10,ie11

废话不多说,直接上原理(基于css变量实现的)

1.直接使用css变量,实现颜色或者其他属性的改变

2.动态添加新的css变量,层叠掉之前的变量

3.完成

ie兼容处理:

1.遍历所有样式,将里面不兼容的css变量全部替换成对应的颜色或属性

2.删除掉不兼容的样式

3.插入新生成的样式

 

上代码:

theme.css

html:

less:

js:

 

效果图:

谷歌:

ie:

随着Windows 8.1正式版的逼近,微软终于也发布了针对Windows 7和Windows Server 2008 R2 系统的IE11预览版了!IE11浏览器不再只是Win 8.1独享的软件啦。   在新版本的 Internet Explorer 11 浏览器中,新增加了 F12 开发者工具,其余的特性都已经在 Windows 8.1 上出现过了,如网站活动瓷片、永久标签、支持WebGL、无限标签、多窗口浏览、收藏夹中心等等。而且 IE11 浏览器支持HTML5链接的预取和预同步,这种技术能够预先判断用户的下一个动作而提前进行处理,可以有效地提高浏览速度和用户体验……   IE11已支持 Windows 7 以及 Win Server 2008 R2,但在Win7上与 Win8 有着一定的区别: Windows 8.1 版地址栏位于下方,Windows 7 版仍保留在上方 Windows 7 版不支持单窗口连续开启 100 个以上标签页,官方解释是 Windows 7 版 IE11 是桌面应用,而不是 Windows 8.1 的 Metro 应用 不支持 Silverlight 视频插件,“Windows 7 存在其他在线视频插件,能够满足用户需要” 不支持 Google SPDY 协议,Windows 8.1 版支持 不支持 Enhanced Protected Mode 沙箱   除了上面提到的不同细节,其他大部分功能和 Windows 8.1 版没区别。新版 IE11 还改善了浏览器整体表现,提高网页载入速度,支持新浏览标准。微软提到 Windows 7 和 Windows 8.1 版 IE11 将同时支持 WebGL 标准。WebGL 绘图标准允许 GPU 实时渲染 JPEG 图片,所以网页载入更快、内存占有率更少,笔记本的电池使用时间也因此被延长。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值