多浏览器 div 半透明

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 半透明相关推荐

设置DIV半透明CSS代码：
设置DIV半透明CSS代码: div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明: 1.filter:对win IE设置半透 ...
css外层DIV半透明内层div不透明-弹出层效果的实现
css外层DIV半透明内层div不透明-弹出层效果的实现 <!DOCTYPE html> <html><head><meta charset="ut ...
Css Div半透明
用CSS控制外层DIV不透明,而内层DIV透明,这样实现的效果是意想不到的,还不错吧,其实代码也是很简单的,也很好理解,主要是用了CSS的滤镜. <html xmlns="http:/ ...
android 浏览器 div穿透,解决IE 上重叠div 对 mouseover 事件的穿透方法之一
解决IE 下重叠div 对 mouseover 事件的穿透方法之一 ? ? ? ? 历经一天半的时间,我这前端的白痴终于想到了一个解决IE 下重叠div ?对 mouseover 事件的穿透方法. ? ...
html div浏览器居中显示,IE浏览器DIV居中实现方法
IE浏览器中div使用margin:0 auto好像不能居中了,但在ff其它浏览器没问题,下面我来介绍解决ie下 div不居中问题的办法. 编写主题或模板是居中是个大问题,还有就是div中元素都浮动, ...
关于Div半透明子元素不透明的问题
今天做登录框的时候,想做成透明的看起来更美观,没想到设置透明度的时候,登陆框里面的输入框啊文本全都变透明啦~ 好吧,我就在网上找了怎样使Div里面的子元素不透明的方法,并且考虑到兼容,特别记录一下,如 ...
【网络教程】Chrome浏览器显示半透明的问题怎样解决
打开谷歌浏览器发现搜索框上的logo变成半透明了怎么办? 如图所所示:先打开设置然后还原默认设置,即可.
html换浏览器div的位置固定不变,浏览器窗口更改时，HTML div不在适当的位置
这是一个没有bootstrap的基本解决方案:请记住,只有在必要时才使用绝对定位. 注意:如果您打算将登录文本输入推送到侧面,则此方法有效.然而,就UX而言,这可能是一个非常糟糕的主意. Login ...
html div背景半透,css半透明背景实现方法
这里博主介绍2种办法. 第一种用背景图的方式: 代码如下html> 半透明实例-琅枫个人博客 .div1{width:300px; height:200px; background:url(ht ...

多浏览器 div 半透明

多浏览器 div 半透明相关推荐

最新文章

热门文章