当前位置:首页 >> 技术分享 >> 详情
sousuo
sousuo

2、部分浏览器半透明css不生效问题【网页切图技巧】

上传时间:2020-05-14             浏览次数:69

一、现象

有的浏览器能实现半透明,但有的浏览器不可以。

二、原因

各种浏览器支持的半透明用的CSS是不一样的,所以要做好各种浏览器的兼容,就要写更多的样式。

三、解决办法

方案一:4个CSS同时作用

元素半透明,要同时使用4个css,不要只写opacity:0.50,这样兼容性会很差;四种写法如下:

filter:alpha(opacity=50); /*支持 IE 浏览器*/
-moz-opacity:0.50; /*支持 FireFox 浏览器*/
-khtml-opacity: 0.5; /*webkit内核浏览器*/

opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/

方案二:用jquery来做

$("#div1").css("opacity","0.3"); 
 因为jquery框架已经做好了兼容,所以只需要一句话可以搞定!
0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们