opacity -- 不透明度
- 取值: <alphavalue> | inherit
- <alphavalue>: 透明度取值(取值范围[0.0,1.0])
- inherit: 继承
- 初始值: 1(不透明)
- 继承性: 是
- CSS3提出opacity属性
示例
div { opacity: 0.5; }
目前较老的Firefox版本，我们需要使用-moz-前缀，而对于旧的Safari/Chrome版本，我们需要使用-webkit-前缀。而对于更老的还在使用KHTML内核而不是webkit内核的Safari版本来说，我们需要使用-khtml-。那么如果我们想支持每一个浏览器，我们的代码应该是这样的： opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; -khtml-opacity: 0.5;
对于IE不支持使用了一个滤镜：filter:alpha(opacity=50);IE我们需要使用从0到100的整数，IE8提供了一个新的方法来处：-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
文章转载自：http://blog.sina.com.cn/s/blog_48e6792c01010eog.html；
分享到：
相关推荐
CSS opacity - 实现图片半透明效果的代码
1 、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 2 、要覆盖整个可视区域通常的...
把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！ 注：70和0.7的值可改为你需要的 body { background:url(/upfile/images/bg.jpg)} #layout { position:absolute; top:50px; left:50px; width:500px...
效果如图。Ps、背景线条是背景图勒，和本文效果无关。。。 html代码如下： 复制代码代码如下: ”content”> ”专业技能”>专业技能</h3> ”next”><!–其他内容–></div> </div> 有两种实现方式： 1.box-...
最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。 还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。 正确姿势 我想到两个方法，第一个...
说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当...
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。不过各个浏览器都有自己的...所以以前用CSS设定一个元素半透明的话，可能会这样写: CSS Code复制内容到剪贴板 .opacity{ fil
.opacity{ filter:alpha(opacity=50);...用 来设定一个元素为半透明 .filter = "alpha(opacity=" + opacity + ")"; /* IE */ .MozOpacity = (opacity / 100); /* 老版Mozilla */ .KhtmlOpacity = (opacity / 100); /
现在有一个需求，需要对一个纯色的层实现半透明效果。效果如下，边框需要透明，透明度为 #000000 的 30%： 用各种浏览器打开下面这个 DEMO, IE9 有特殊显示：http://demo.jb51.net/js/2011/transparentbg/ 一、使用...
在IE下的半透明层，必须在样式里明确定义宽度或高度，才能出现半透明效果，否则无法半透明，如下 复制代码代码如下:<style type=”text/css”><!– .tm { filter:alpha(opacity=50); opacity: 0.5; -moz-...
filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
本文实例讲述了js实现九宫格图片半透明渐显特效的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<html> <title>九宫格图片半透明渐显效果</title> <body> <STYLE type=text...
html代码很简单 <div class=mask></div> 1 、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#...
默认九宫格图片排列效果，当鼠标悬停在图片上后，会从图片的上方下滑一个半透明遮罩的效果 同时出现一些文字介绍 使用方法： 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方...
1.css设置透明度 透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的，IE使用滤镜filter的alpha属性，firefox和其它浏览器不支持滤镜，它们使用opactiy属性设置透明度，下面示例设置透明度为30%： IE：filter:...
RGBa是一种在CSS中声明包含透明效果的颜色的方法，它的语法是这样的： 复制代码代码如下: div { background: rgba(200, 54, 54, 0.5); } 它允许我们为元素添加透明色。或许我们习惯了使用”opacity“，它很简单...
还有请注意，上面的属性会将元素内的所有内容都透明化，包括文字与图片，所以如果想要背景半透明的话，目前推荐的方法是用PNG图片做背景。 一般不考虑IE6兼容性，如果要考虑IE6的兼容性请在网上搜索PNG JS
CSS样式的filter（滤镜效果）对HTML的一些标记设置滤镜效果。 黑白照片 filter: gray;... 半透明效果 filter: Alpha(Opacity=50); 线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0
RGBa前三个值是RGB色值，最后一个值是十进制的alpha不透明度值（0=透明，1=不透明）CSS 3 RGBa实现半透明背景RBGa可以用于任何更颜色相关的属性，例如字体颜色、边框颜色、背景颜色、阴影颜色等。RGBa可以应用在所有...