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
794
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
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参考一下。
目录
相关文章
|
4月前
|
JavaScript
前端开发
|
5月前
|
前端开发
使用 div 实现 input、textarea 输入框，并支持 placeholder 属性（解决浏览器兼容问题）
使用 div 实现 input、textarea 输入框，并支持 placeholder 属性（解决浏览器兼容问题）
211
0
0
|
算法
|
前端开发
【css】设置div位于浏览器的最底层，离用户最远
有时候切换发现某块div一直悬浮在最上层，怎么设置div位于浏览器的最底层。离用户最远？
.in{
z-index: -1;
}
然后引用in到你想用的div的class上即可！z-index代表图层的优先级，正数越大，离...
1149
0
0
|
前端开发
固定一个div在浏览器底部
2371
0
0
|
Web App开发
前端开发
测试技术
css控制div固定在浏览器底部
1151
0
0
让div垂直以及水平居中浏览器窗口
1150
0
0
热门文章
最新文章
1
如何在chrome上开启WebGL功能和判断目前浏览器是否支持
2
浏览器是如何展示网页的
3
剖析IE浏览器子系统的性能权重，互联网营销
4
制作一个简单的WPF图片浏览器
5
Css:背景色透明，内容不透明之终极方法！兼容所有浏览器
6
Nightwatch.js – 轻松实现浏览器的自动测试
7
Vue运行时报错：ERROR Failed to compile with 1 errors ，浏览器报错：Cannot GET /
8
Chrome 插件开发-右键菜单开发实战演示，浏览器页面右键菜单选项设置，插件右键菜单点击插件名跳转主页设置
9
vidalia 更换浏览器代理
10
判断浏览器类型的脚本