以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  css中filter:alpha透明度使用小结兼容IE、火狐  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=4458)
--  作者：admin
--  发布时间：2015/1/6 21:53:14
--  css中filter:alpha透明度使用小结兼容IE、火狐
 Alpha，设置透明度。

用法：

代码如下:

FILTER:alpha(opacity=80);/* 设置不透明度为80 */

filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。
FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。
Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。
StartX和StartY：代表渐变透明效果的开始X和Y坐标。
FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。

对于IE上述方法是没有问题的。若要支持firefox请参照下面：


filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Moz + FF */
opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/


简单解释，IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数（alpha(opacity)）使用大于0小于100的数值，其实也是百分比）。


http://www.jb51.net/css/147759.html





http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/08/06/1793715.html





http://zhidao.baidu.com/link?url=TnJZQ5LHMBGyN-3HNS1xkT2lIXNtq7Nw_WluY4gK2PQwv_-Pr-4tjrHgDqnimkaxe-aomac7Gsk6W7zpb8YZicIBpRCrJdH1-tWfNUWlgBK



安装IE11后 css中的透明度FILTER就失效了，应该如何设置？


.opacity{
  filter:alpha(opacity=50);       /* IE */
-moz-opacity:0.5;              /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
  opacity: 0.5;           /* 支持opacity的浏览器*/
}

这是兼容问题...





html-css 中如何让一个DIV的背景色是透明的，但它的内容（文字图片之类的）不是透明的？


#mainbody {
background-color: #FFFFFF;
opacity: 0.6;
}
如果css这样写的话就整个div都给半透明了
我想要的效果仅仅是背景透明


http://zhidao.baidu.com/link?url=0VO7X5eal7jUV3W_lOzydT-F0hdkRYmUfDkwfRD6gRQ217KUQfSd7gMX8sSPliyMvuT7xUQItgYBbg4cwlGGsslU9Fz_sxs0bg0zBA1kFGW






ie11  需要css3.0   filter:alpha(opacity=50); 没用了，需要opacity: 0.6; 这样写

[此贴子已经被作者于2015-1-6 21:57:08编辑过]