CSS属性兼容写法
2024-09-09 17:37:25
一种是用js判断兼容性
// JS
if ("CSS" in window && "supports" in window.CSS) {
var support = window.CSS.supports("mix-blend-mode","difference");
support = support?"mix-blend-mode":"no-mix-blend-mode";
document.documentElement.className += support;
} // CSS
h1 { color: #000; }
.mix-blend-mode body {
background-image: linear-gradient(90deg,#fff 49.9%,#000 50%);
} .mix-blend-mode h1 {
color: #fff;
mix-blend-mode: difference;
}
用CSS中的@supports
@supports (mix-blend-mode: difference) {
body {
background-image: linear-gradient(90deg,#fff 49.9%,#000 50%)
}
h1 {
color: #fff;
mix-blend-mode: difference;
}
}
最新文章
- 【Go入门教程2】内置基础类型(Boolean、数值、字符串、错误类型),分组,iota枚举,array(数值),slice(切片),map(字典),make/new操作,零值
- lucene中FSDirectory、RAMDirectory的用法
- SQL Server 中的逻辑读与物理读
- 经典算法和OJ网站(开发者必备-转)
- 《JavaScript权威指南》学习笔记 第五天 window对象的方法。
- LoadRunner Pacing设置(转)
- JSTL标签详解以及应用实例
- 初学javaweb,远离各自框架
- cocos2d-x 3.0 开发(一) Hello_New_World
- hdu 1106 排序
- 【转】windows消息16进制对应表
- Unix命令行学习
- 图片首尾平滑轮播(JS原生方法—节流)<;原创>;
- 利用Filter和拦截器,将用户信息动态传入Request方法
- C语言memcpy函数的用法
- python之并发编程
- 前端数据可视化echarts.js
- 8种Nosql数据库系统对比(转)
- 如何查看MySQL单个数据库或者表的大小
- Mybatis在oracle数据库中插入数据后返回自增值ID