IE：
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]
Firefox：
-moz-opacity:sqlN
其中sqlN的值域为[0, 1]
Chrome和Safari：
opacity:sqlN
其中sqlN的值域为[0, 1]
对于Firefox来说，用opacity就能完成透明化设置了，所以上面的-moz-opacity参考一下。
还有请注意，上面的属性会将元素内的所有内容都透明化，包括文字与图片，所以如果想要背景半透明的话，目前推荐的方法是用PNG图片做背景。
一般不考虑IE6兼容性，如果要考虑IE6的兼容性请在网上搜索PNG JS，会有一些javascript能够优化IE6下的PNG半透明，
多浏览器 div 半透明
2011-10-23
748
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
IE： filter:alpha(opacity=sqlN) 其中 sqlN的值域为[0, 100] Firefox： -moz-opacity:sqlN 其中sqlN的值域为[0, 1] Chrome和Safari： opacity:sqlN 其中sqlN的值域为[0, 1] 对于Firefox来说，用opacity就能完成透明化设置了，所以上面的-moz-opacity参考一下。
目录
相关文章
|
7月前
|
算法
|
前端开发
【css】设置div位于浏览器的最底层，离用户最远
有时候切换发现某块div一直悬浮在最上层，怎么设置div位于浏览器的最底层。离用户最远？
.in{
z-index: -1;
}
然后引用in到你想用的div的class上即可！z-index代表图层的优先级，正数越大，离...
1106
0
0
|
前端开发
固定一个div在浏览器底部
2321
0
0
|
Web App开发
前端开发
测试技术
css控制div固定在浏览器底部
1129
0
0
让div垂直以及水平居中浏览器窗口
1068
0
0
|
Web App开发
不用图片的DIV圆角（兼容各浏览器）
851
0
0
浏览器加载和渲染html的顺序，Div和Table的区别
1142
0
0
|
JavaScript
前端开发
Web App开发
js控制固定div和随屏滚动div兼容多浏览器和纯css控制（来自网络）
1726
0
0
热门文章
最新文章
1
一个集 AI + 工具 + 插件 + 社区为一体的Arc 浏览器风格AI客户端
2
关于人脸识别最近浏览器打不开摄像头的解决方案
3
用指纹浏览器为什么要搭配代理IP
4
Selenium Headless模式：无头浏览器的使用与优势
5
JS：如何获取浏览器窗口尺寸？
6
推荐给前端程序员的5款浏览器插件
7
mPaaS常见问题之集成的uc浏览器so体积过大如何解决
8
在阿里云RPA中，你可以通过以下步骤来更改默认唤醒IE浏览器的地址
9
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
10
Safari浏览器不支持let声明的解决方式
1
调试前端时，在浏览器上修改参数并重新调用接口
39
2
Rtsp转Flv在浏览器中播放
75
3
微信外部浏览器或短信链接唤起微信小程序的解决方案
128
4
数据结构与算法：栈：如何实现浏览器的前进和后退功能？？
19
5
浏览器调试工具的使用
22
6
将B站视频设置为浏览器背景，你确定不试试？
31
7
360 企业安全浏览器基于阿里云数据库 SelectDB 版内核 Apache Doris 的数据架构升级实践
118087
8
利用arpspoof工具获取内网浏览器信息
12
9
浏览器跨窗口通信：原理与实践
41
10
前端秘法进阶篇----这还是我们熟悉的浏览器吗?(浏览器的渲染原理)
63
