ie8不支持opacity,多浏览器设置透明度

最新推荐文章于 2021-08-03 20:07:42 发布
最新推荐文章于 2021-08-03 20:07:42 发布
阅读量444 收藏
点赞数
分类专栏： javascript 文章标签： javascript js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35456400/article/details/103678285
版权

opacity:0.7方法用来设置元素透明度，ie8不支持这个方法
ie ：filter:alpha(opacity=70);
Mozilla：-moz-opacity;
Safari：-khtml-opacity=0.7;
可以把这些属性都写上，这样在各个浏览器加载的时候会用自己浏览器支持的方法，其他方法不加载；

Storm Mun
关注
专栏目录
IE6不支持opacity半透明 BUG的解决方法
12-10
IE6不支持 opacity透明。解决办法 加上如下代码 复制代码代码如下: filter:alpha(opacity=80); 当下面两个设置如下时 浏览器透明效果才会一致 复制代码代码如下: filter:alpha(opacity=80); opacity:0.8; 或者加上如下代码 复制代码代码如下: filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=’#66000000′,EndColorStr=’#66000000′) 调试下颜色值就OK了。
CSS3中的Opacity多浏览器透明度兼容性问题
09-24
在CSS3中，`opacity`属性用于设置元素的透明度，允许你控制元素及其所有子元素的不透明度。这是一个非常有用的功能，但遗憾的是，并非所有浏览器都原生支持CSS3，尤其是较早的版本。这就导致了在不同浏览器间实现...
IE8不支持opacity属性的问题
夜猫
01-04 823
近期需求要对文件选择按钮做美化:改变文件选择按钮的默认样式 opacity属性在Chrome里有效，IE8（含）以下不支持这个属性，解决办法： 把style="opacity:属性值" 替换成 style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"即可。 至此，一个小功能就做完了，但是在选择文件时，input框...
opacity不兼容ie8的问题
dijuyu2892的博客
03-28 171
今天测试项目的时候发现opacity属性不兼容ie8,最后上网查了一下发现使用下面的属性就可以解决了，很开心！ css: filter:Alpha(Opacity=50)/*这是IE的私有属性，只适用于IE*/ 要想兼容各大浏览器使用以下属性就可以了 opacity: 0.5; /* 支持CSS3的浏览器（主流）*/ -moz-opacity:0.5; /* Fir...
IE（6-8）不支持opacity：0；透明度的解决方法
大道至简，开发由我！
11-29 2585
最近在项目中遇到，在IE9下，opacity:0;管用，但是在IE8、IE7下却不管用，在网上找了一下资料，原来IE6-8不支持opacity透明度， 解决办法就是在css中加上这句话：filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
ie6-ie8不支持opacity透明度的解决方法
superMary的博客
03-29 2万+
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);/*兼容ie8及以下*/
多个浏览器透明度设置
09-25
### 多个浏览器透明度设置 #### 知识点概述 在网页设计中，透明度设置是一项常用的技术，它能够使元素呈现出半透明的效果，从而达到美化页面、增强视觉层次感的目的。不同的浏览器可能采用不同的渲染引擎和技术...
opacity兼容ie8
万花果子的博客
10-08 1267
兼容ie6-8的透明度问题.demo{ opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
兼容ie8+浏览器背景透明度
FE_hongplum的博客
09-20 411
给当前元素设置透明度时，需要给它加一个父盒子，再加一个兄弟元素如下： 想要给class为opacity_inner的div设置透明度则需要 { <div class="opacity_wrap"> <div class="opacity_bg"></div> <div class="opacity_inner"> 该元素的北京颜色为黑...
ie8设置 div 元素的不透明度
HuangsTing的博客
08-15 257
设置元素不透明度一般采用opacity属性进行设置，但该方法只兼容到ie9，ie8以及更早的版本使用的是filter 属性 filter: Alpha(opacity=50) //等同于opacity: 0.5
opacity
xinwenhuayu的博客
02-06 5903
1. 作用 设置元素的透明背景 2. 取值 (1) 取值范围0~1 (2) 0表示完全透明，1表示完全不透明，0.5表示半透明 3. 示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>opacity</title> <...
CSS过滤器无法生效,IE8不透明度/过滤器css样式不起作用(IE8 opacity/filter css style not working)...
weixin_36378832的博客
08-03 536
IE8不透明度/过滤器css样式不起作用(IE8 opacity/filter css style not working)我有以下风格：.LinkActionButtonDisabled{cursor: default;color: inherit;filter: alpha(opacity=40);opacity: 0.4;}这适用于FF和chrome以及IE10向上，但在IE8和9中filt...
ie8兼容透明度opacity
weixin_30716725的博客
09-10 106
opacity: 0.4;filter: alpha(apocity=40%);filter: alpha(opacity = 40) !important;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=40)' !important; 转载于:https://www.cnblogs.com/l-y-z/p/9621434....
IE8 滤镜效果失效［ filter:alpha(opacity=20);］
Draco
08-28 1万+
坐一个滤镜效果，CSS样式如下： .mask { width:100%; height:100%; background-color:#000 ; position:fixed; top:0px; left:0px; opacity:0.2; /* IE 8 */ filter:alpha(opacity=20); /* Firefox,Safari(WebKit),Op
ie8的透明度&&透明度的兼容性写法
笔芯君
01-28 1万+
这个要设置背景颜色 background: #FFFFFF; 透明度的兼容性写法 .opacity30{ -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; filter:alpha(opacity=30); 但是要特别注意：设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体
CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
热门推荐
freshlover的专栏
12-05 14万+
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说的都不是很准确，网上的说法就更五花八门了。今天呢，主要是重新温习一下这个属性，并实际测试来说明正确的写法，和IE各版本的支持度和书写区别。 首
兼容ie8的透明度
weixin_36667844的博客
09-26 1227
.slider li{ width: 100%; height: 100%; position: absolute;/*必须设置为absolute，否则第一个li会把后面的都覆盖*/ -khtml-opacity:0; -moz-opacity:0; filter:alpha(opacity=0); filter:"alpha(opacity
ie6-ie8不支持opacity，rgba解决方法
Wnnu_N1的博客
10-30 379
在IE8下，css中的opacity，rgba并不会被解析，我们就得需要换一种写法 需要加上下面这句话： filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 或者简写为：filter: Alpha(opacity=70) 解释： opacity表示透明度，默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，...
jQuery实现跨浏览器层透明效果兼容IE6-9及FF
- 对于Firefox 3.5及更高版本，可以使用`opacity`属性，因为它支持不透明度设置。 - 对于Firefox 和 IE9 及以上，`rgba()` 函数是首选，因为它可以同时处理透明度和颜色，但IE6和IE7不支持。 - 对于IE6，使用`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值