解决ie6 filter opacity(alpha=50)不支持

最新推荐文章于 2022-03-18 11:02:51 发布
最新推荐文章于 2022-03-18 11:02:51 发布
阅读量1.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css 文章标签： filteropacity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/nancle/article/details/22982157
在测试IE6浏览器时发现某些代码无法显示预期的半透明效果，本文指出这是由于IE6自身的限制而非测试工具的问题，并推荐使用虚拟机安装XP及IE6进行测试以避免混淆。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ie6是支持这段代码的 
filter:alpha(opacity=50)
但是在ietester而上面的ie6是表现不出半透明效果的，这应该是ietester的bug。建议使用虚拟机安装xp，安装ie6来来测试

《前端》style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5"
BelleDiao的博客
03-01 2074
在学习帮帮网的模板例子的时候遇到下面代码，不懂意思。 filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5 这句是用css实现半透明的代码 不同的是：alpha(opacity=50);--IE 透明度设置。 -moz-opacity:0.5;--Firefox 透明度20% opacity:0....
css透明饱和度,css中filter:alpha透明度使用
weixin_32223625的博客
08-03 2171
css中filter:alpha透明度使用使用filter可以设置透明度，filter:alpha在IE下是没有问题的，要支持firefox就需要使用-moz-opacity，下面有个不错的示例，大家可以参考下filter:alpha(opacity=0, finishopacity=100, style=2, startx=0, starty=5, finishx=200, finisyY=19...
css中filter:alpha透明度使用小结兼容IE、火狐
09-25
使用Alpha可以设置透明度，FILTER:alpha在IE下是没有问题的，要支持firefox就需要使用-moz-opacity，下面有个不错的示例，大家可以参考下
opacity:0-1,filter:alpha(opacity=50)
code weaver的专栏
11-09 535
opacity:0-1 //标准浏览器支持 filter:alpha(opacity=50) //IE8及其之下版本使用
filter:alpha(opacity=50)不兼容IE
mucc002的博客
08-24 2918
filter:alpha(opacity=50)不兼容IE
半透命opacity:(0-1)，对于IE6版本不支持需要用filter：alpha（opacity=0-100）
weixin_34293141的博客
03-01 116
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 ...
IE8 滤镜效果filter:alpha(opacity=20);IE下失效出现黑色
09-25
IE8 滤镜效果filter:alpha(opacity=20);失效，在Chrome，FF等下都是ok的，唯独在IE下出现下面的黑色的，具体的解决方法如下，有类似情况的朋友可以参考下，希望对大家有所帮助
IE6不支持opacity半透明 BUG的解决方法
09-25
综上所述，通过在CSS中同时使用opacity属性和filter属性中的alpha滤镜，再结合Gradient滤镜调整渐变效果，可以有效地解决IE6不支持opacity半透明的BUG，从而实现一个在多种浏览器中具有相兼容透明度效果的网站界面。...
针对前端网页测试时，filter:alpha(opacity=20)；在IE8及以下版本刷新无效情况
mounwater的博客
02-04 525
针对前端网页测试时，filter:alpha(opacity=20);在IE8及以下版本刷新无效情况解决办法 最近在学习前端方面的知识，了解到了opacity这个属性，可以设置元素的透明度显示，但是这个属性在IE8及以下版本会失效，我们通常都会在这里的后面加几句适配语句，解决不同浏览器和IE8及以下版本浏览器兼容问题。 比如： `opacity:0.2; /* IE 8 */ filter:alpha(opacity=20); /* Firefox,Safari(WebKit),Opera */ -ms-f
ie6 filter png a 链接不可点击
xiongzhengxiang的专栏
07-10 1259
问题  png 24 要想在ie6下显示半透明效果，必须借助ie 的filter 功能。而在filter 节点下的 子节点，如果有a链接，那么点击不会有任何反应。怎样让这种情况下的a链接正常反应呢？ 解决思路： 初看了下ie filter 的原理，上述问题产生的原因是 filer 节点下的子节点，z-index 小于filer 节点。那么我们想办法让a便器节点的z-index 大于filte
关于ie6中使用css滤镜[_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/*.png',sizingMe...
weixin_30399821的博客
11-28 205
RT，我做的一个效果是试用png图做背景，通过_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/*.png',sizingMethod='scale');来实现，但是使用这个滤镜后，ie6下面的链接、按钮等都失效，无法点击网上搜索很多都是通过给链接加上position:relative;解决 不知道...
【HAVENT原创】让 IE6 ~ IE8 浏览器也支持 map 和 filter 方法
weixin_33895695的博客
03-21 227
为什么80%的码农都做不了架构师？>>> ...
CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
qq_41760419的博客
06-19 231
注:原文地址：https://blog.youkuaiyun.com/freshlover/article/details/17143341 CSS3的透明度属性opacity已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，今天重新温习一下这个属性，并实际测试来说明正确的写...
背景透明，文字不透明的兼容处理
关注我！带你一路 "狂飙" 到底！
09-15 1102
我们在做PC端项目的时候，常常会碰到透明背景和透明图片的的需求，但是透明度常常有会发生很多问题，特别是背景透明内容不透明，想要兼容所有浏览器实现起来就比较麻烦。其实平时说的调整透明度，其实是在样式中调整不透明度，如下图：打开ps，在图层面板上，可以看到设置-图层调整 不透明度的菜单，从 0% （完全透明）到 100%（不透明）实现透明的css样式通常有以下3种方式，以下是不透明度都为50%的写法valuealphavalue。
基础知识：CSS半透明特效
weixin_30537451的博客
03-06 156
CSS filter:alpha(opacity=50); /*支持 IE 浏览器*/ -moz-opacity:0.50; /*支持 FireFox 浏览器*/ opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/ 以上代码如果用在div上，且div中还有内容，则会导致里面的内容也半透明化，解决方案是：内容不要放在此div中，即内容...
IE11兼容问题汇总
Liingot的博客
03-18 1055
1.find方法兼容 if (!Array.prototype.find) { //解决IE11不兼容find的问题 Array.prototype.find = function (callback) { return callback && (this.filter(callback) || [])[0]; }; } 2.every方法兼容 if (!Array.prototype.every)
解决CSS在IE6中失效的兼容性问题
5. **过滤器和Alpha透明度问题**：在IE6中，一些CSS属性如`filter: alpha(opacity=XX)`被用于实现透明效果，而其他浏览器可能使用`opacity: XX`。这要求开发者提供冗余的代码来确保在IE6和其他浏览器中都有相同的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值