前端 CSS css js opacity 多浏览器透明度兼容写法

css js opacity 多浏览器透明度兼容写法

值越小越透明 1完全不透明 ---------> 0完全透明

IE: filter:alpha(opacity)

Mozilla: -moz-opacity

Safari: -khtml-opacity

Opera:老版本的Opera没有私有属性可以代替opacity（新版Opera已支持opacity）

css 写法:

.opacity{
	opacity: 0.5; /* 支持opacity的浏览器*/
	filter:alpha(opacity=50); /* IE678 */
	-moz-opacity:0.5; /* 老版Mozilla */
	-khtml-opacity:0.5; /* 老版Safari */
}

js写法:

var opa = 0.5;  //0--1 之间
object.opacity = opa; /* 支持opacity的浏览器*/
object.filter = "alpha(opacity=" + opa*100 + ")"; /* IE678 */
object.MozOpacity = opa; /* 老版Mozilla */
object.KhtmlOpacity = opa; /* 老版Safari */

如果文章对您有帮助，点击下方的广告，支持一下作者吧！

转载必须注明出处：

css js opacity 多浏览器透明度兼容写法 —— code.cent123.com

php redis 分布式锁

Redis 分布式锁是一种使用 Redis 数据库来实现的同步机制，用于在分布式系统中保证多个进程或线程对共享资源的互斥访问。Redis 分布式锁的基本原理是使用 Redis 的 SETNX 命令来尝试设置一个键，如果这个键不存在，那么获取锁成功，否则获取锁失败。获取锁成功后，需要设置锁的过期时间，以防止锁被永久占用。释放锁时，需要删除这个键。Redis 分布式锁有一些优点和缺点：优点：Redis

vue3 路由的简单使用

src/router/index.jsimport{createRouter,createWebHashHistory}from'vue-router' importIndexfrom"@/views/Index"; importHomefrom"@/views/Home"; importAboutfrom"@/views