当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css 透明度的设置兼容所有浏览器

CSS样式表
20个优秀CSS网站(3月精选)
网页颜色搭配技巧 文字字体、字号、字体排版等
让人不得不佩服的CSS效果
非常漂亮的Div+CSS布局入门教程
推荐彻底弄懂CSS盒子模式(DIV布局快速入门)
CSS opacity - 实现图片半透明效果的代码
代码实例之纯CSS代码实现翻页效果
比较漂亮的一个导航条的效果DIV+CSS
DIV+CSS布局教程大全与pdf电子书 下载
HTML 30分钟入门教程
css滤镜基础教程
css滤镜效果(一)
css滤镜效果(二)
巧用CSS的MASK滤镜
css动态模糊效果
div+css详解定位与定位应用
彻底弄懂CSS盒子模式系列教程集合
用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦!
HTML下在IE浏览器中的专有条件注释讲解
用css实现的灰度/原色连接效果

CSS样式表 中的 css 透明度的设置兼容所有浏览器


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 93 ::
收藏到网摘: n/a


代码如下:

.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}

UPDATE: I wanted to pull this post out of the archives and update it a bit because it there seems to be a good amount of interest in this subject.

Here is what each of those CSS properties is for:

       
  • opacity: 0.5; This is the “most important” one because it is the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. This would be all you need if all browsers supported current standards. Which, of course, they don’t.
  •    
  • filter:alpha(opacity=50); This one you need for IE.
  •    
  • -moz-opacity:0.5; You need this one to support way old school versions of the Mozilla browsers like Netscape Navigator.
  •    
  • -khtml-opacity: 0.5; This is for way old versions of Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit.

来源:http://css-tricks.com/css-transparency-settings-for-all-broswers/
 这个我就不想翻译了,很简单,我也只是为了做个记录。哈~~~