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

CSS样式表
CSS Sprite的一些最佳实践方法
绝对定位(absolute)和浮动定位(float)分析
IE 选择符的4095限制
CSS IE6奇数宽度或高度的bug
CSS Border属性制作小三角
清理CSS样式的几个有用工具
IE7 position:relative的问题
CSS 网页布局中易犯的10个小错误小结
纯CSS搞定按钮、链接点击时的虚线
CSS经典技巧十则
CSS超级技巧大放送合集
漂亮的表格
首届世界CSS设计大赛结果揭晓
HTML表单元素覆盖样式元素问题及其补救之道
网页美工制作规范
top、clientTop、scrollTop、offsetTop
双表法调用样式表
典型的三行二列居中高度自适应布局
用!important解决IE和Mozilla的布局差别
CSS hack浏览器兼容一览表

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 101 ::
收藏到网摘: 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/
 这个我就不想翻译了,很简单,我也只是为了做个记录。哈~~~