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

CSS样式表
网页设计中谨慎使用CSS sprites
CSS教程:清除浮动方法大全
CSS教程:伪清除浮动
网页布局教程:边距和绝对定位
CSS教程:论CSS选择器的浏览器支持
如何在CSS中设定文本的尺寸
CSS网页布局应该避免滥用div元素
CSS教程:CSS定位属性
CSS网页布局教程:层叠加的5条原则
css字体设置(不同浏览器设置效果)
CSS教程:15个必须阅读的CSS入门文章
IE6下注释引起的文字溢出和浮动错位
CSS教程:语义化标记抛弃DIV标记
不再使用class和id进行网页布局
利用CSS3定位页面元素
CSS网页布局实例:三栏等高布局
CSS实例:日期垂直排列的两种技巧
css教程:font-size属性
CSS教程:认真学习haslayout
CSS教程:认识CSS初始化(重设浏览器的样式)

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


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