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

CSS样式表
CSS教程:表格不被撑开的解决办法
网页制作教程:简单总结CSS的基础属性
css文件不能被正常载入的问题解决方法
css模块化的思想让后期维护变得简单
凹陷文字 推荐
CSS 实用实例(推荐)
标准化:表格
一个导航条布局的简单写法
CSS实现阴影文字效果
全面考察“禁用浏览器后退”
让2个DIV居中并排显示
从gb到utf-8
以前写的两个CSS树形菜单
何为“VML”、VML的基底知识
Meta标签详解
学习标准:笔记
多中语言实现判断客户访问用得是那个域名 然后转到对应的目录
解决IE5/IE5.5/IE6/FF的兼容性问题:CSS
CSS网页布局入门教程9:用CSS设计网站导航:横向导航
web标准知识:从p开始,循序渐进

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


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