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

跨浏览器透明度设置技巧
最新推荐文章于 2020-05-08 22:55:52 发布
原创 最新推荐文章于 2020-05-08 22:55:52 发布 · 501 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #js #css

本文介绍了如何在不同浏览器中设置元素透明度的方法，包括IE的filter:alpha(opacity=70);，Mozilla的-moz-opacity，以及Safari的-khtml-opacity属性。通过使用这些特定于浏览器的属性，可以确保在各种浏览器环境下都能正确显示透明效果。

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

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 884
近期需求要对文件选择按钮做美化:改变文件选择按钮的默认样式 opacity属性在Chrome里有效，IE8（含）以下不支持这个属性，解决办法： 把style="opacity:属性值" 替换成 style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"即可。 至此，一个小功能就做完了，但是在选择文件时，input框...
ie8及更早版本透明度设置_创造更多的管理透明度
danpu1174的博客
05-08 175
ie8及更早版本透明度设置 在敏捷和精益社区中，我们经常谈论透明度。 此图像是我们在《 从混沌到分布式敏捷团队》中使用的透明性原则。 当各个团队在连续性的中间部分之间建立透明性时，我看到了最大的产品和计划成功。 这就是整个产品的透明度。 我看到，如果经理了解得越少 ，团队工作就越好， 那么许多组织就会取得更好的成功。 而且，当经理与团队之间的透明度太低时，工作将变得更加困难或失败...
opacity不兼容ie8的问题
dijuyu2892的博客
03-28 213
今天测试项目的时候发现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 2670
最近在项目中遇到，在IE9下，opacity:0;管用，但是在IE8、IE7下却不管用，在网上找了一下资料，原来IE6-8不支持opacity透明度， 解决办法就是在css中加上这句话：filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
多个浏览器透明度设置
09-25
### 多个浏览器透明度设置 #### 知识点概述 在网页设计中，透明度设置是一项常用的技术，它能够使元素呈现出半透明的效果，从而达到美化页面、增强视觉层次感的目的。不同的浏览器可能采用不同的渲染引擎和技术...
ie6-ie8不支持opacity透明度的解决方法
热门推荐
superMary的博客
03-29 2万+
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);/*兼容ie8及以下*/
opacity兼容ie8
万花果子的博客
10-08 1321
兼容ie6-8的透明度问题.demo{ opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
兼容ie8+浏览器背景透明度
FE_hongplum的博客
09-20 472
给当前元素设置透明度时，需要给它加一个父盒子，再加一个兄弟元素如下： 想要给class为opacity_inner的div设置透明度则需要 { <div class="opacity_wrap"> <div class="opacity_bg"></div> <div class="opacity_inner"> 该元素的北京颜色为黑...
ie8设置 div 元素的不透明度
HuangsTing的博客
08-15 301
设置元素不透明度一般采用opacity属性进行设置，但该方法只兼容到ie9，ie8以及更早的版本使用的是filter 属性 filter: Alpha(opacity=50) //等同于opacity: 0.5
opacity
xinwenhuayu的博客
02-06 6023
1. 作用 设置元素的透明背景 2. 取值 (1) 取值范围0~1 (2) 0表示完全透明，1表示完全不透明，0.5表示半透明 3. 示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>opacity</title> <...
解决IE8下opacity属性失效问题
weixin_30256901的博客
03-16 593
由于opacity属性存在兼容性问题，所以在IE8下，用opacity来设置元素的透明度，会失效，从而导致页面的样式问题。 在IE8及其更早的浏览器下，我们可以使用filter属性，来代替opacity属性，从而达到IE8下设置元素透明度目的。 例如，需要将div的透明度设置为80%，相应的写法应该为： 作者：肖生克的九叔_链接：https://www.jianshu.com/p/7...
解决IE8以下浏览器不支持CSS属性opacity的问题
tangxinzhuan
08-22 3347
给CSS加上filter: Alpha(opacity=50)即可。
ie6-ie8不支持opacity，rgba解决方法
Wnnu_N1的博客
10-30 456
在IE8下，css中的opacity，rgba并不会被解析，我们就得需要换一种写法 需要加上下面这句话： filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 或者简写为：filter: Alpha(opacity=70) 解释： opacity表示透明度，默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，...
ie8兼容圆角透明度
anmiebiao5988的博客
12-05 190
前端开发遇到一些项目要兼容IE浏览器是比较头疼的，尤其是对IE8简直是憎恶至极，很多时候需要找各种资料去解决，这里就来谈谈兼容IE8用到的一种 首先介绍一下常规的解决方法： 1、IE8兼容圆角 　　很多时候会用背景图片代替，我自己就曾经这么做过，但是写的代码多了，就会发现这是一个非常low的做法 2、IE8兼容透明度 　　这里看一段样式代码，opacity在不同浏览器兼容的方式...
兼容IE8的半透明背景
GUANTINA的博客
03-23 1776
半透明背景  （子元素不透明）：在IE低版本不支持这样写。background-color: rgba(0, 0, 0, 0.3) 半透明背景  （子元素也透明，在IE 8上只有背景透明，子元素不透明,ie9+子元素也透明了）opacity: 0.3综上，可以利用opacity在IE8上子元素不透明来做IE8上的背景透明，利用background-color: rgba(0, 0, 0, 0.3)...
前端上传图片遇到的问题
fu_361的专栏
12-01 624
当我们上传图片时，遇到的问题有 ie表单调透明度为0 的时候，有时候点不到触发，像这种情况，调节font-size
IE6浏览器的背景透明解决方案
IE6原生不支持PNG图片的透明度，这在当时是一个很大的问题。一个常见的解决方案是使用JavaScript库，比如著名的“pngFix”或“IE7.js”，这些库可以增强IE6对PNG图片透明度的支持。 实现背景图片透明的另一个方法是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值