您现在的位置是:网站首页> 编程资料编程资料
css 透明度的设置兼容所有浏览器_浏览器兼容教程_CSS_网页制作_
2021-09-09
853人已围观
简介 [code] .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} [/code] 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 t
.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/
这个我就不想翻译了,很简单,我也只是为了做个记录。哈~~~
相关内容
- import link的具体区别_CSS教程_CSS_网页制作_
- CSS 浏览器兼容问题整理大全(比较全)_浏览器兼容教程_CSS_网页制作_
- css 完美清除浮动的两种解决方案_CSS教程_CSS_网页制作_
- 纯css 鼠标移上查看大图的效果_CSS教程_CSS_网页制作_
- 解决在IE6下文字溢出(多出一行字)的解决方法小结_CSS教程_CSS_网页制作_
- css 简单区别ie6,ie7,firefox的写法_浏览器兼容教程_CSS_网页制作_
- CSS cursor 属性 -- 鼠标指针样式效果_CSS教程_CSS_网页制作_
- hr 样式实现1px直线_CSS教程_CSS_网页制作_
- css 模拟表格斜线_CSS教程_CSS_网页制作_
- CSS+DIV 拼图(26个英文字母)_Div+CSS教程_CSS_网页制作_
点击排行
本栏推荐
-
魔兽世界10.0英雄留步任务怎么做 wow10.0英雄留步任务完成方法_网络游戏_游戏攻略_
-
魔兽世界10.0社区盛宴刷新时间表 伊斯卡拉海象人社区盛宴多久刷新一次_网络游戏_游戏攻略_
-
魔兽世界10.0超便利驭龙坐骑宏分享 wow10.0驭龙坐骑宏推荐_网络游戏_游戏攻略_
-
魔兽世界10.0渔民提纳克在哪 渔民提纳克位置坐标分享_网络游戏_游戏攻略_
-
魔兽世界10.0自身进度条属性动态监控wa 支持显示驭龙术移动速度_网络游戏_游戏攻略_
-
魔兽世界10.0不祥海螺有什么用 不祥海螺用处介绍_网络游戏_游戏攻略_
-
魔兽世界10.0打断驱散聊天框提醒wa 发送周围所有战斗的打断驱散_网络游戏_游戏攻略_
猜你喜欢
- 魔兽世界10.0英雄留步任务怎么做 wow10.0英雄留步任务完成方法_网络游戏_游戏攻略_
- 魔兽世界10.0社区盛宴刷新时间表 伊斯卡拉海象人社区盛宴多久刷新一次_网络游戏_游戏攻略_
- 魔兽世界10.0超便利驭龙坐骑宏分享 wow10.0驭龙坐骑宏推荐_网络游戏_游戏攻略_
- 魔兽世界10.0渔民提纳克在哪 渔民提纳克位置坐标分享_网络游戏_游戏攻略_
- 魔兽世界10.0自身进度条属性动态监控wa 支持显示驭龙术移动速度_网络游戏_游戏攻略_
- 魔兽世界10.0不祥海螺有什么用 不祥海螺用处介绍_网络游戏_游戏攻略_
- 魔兽世界10.0打断驱散聊天框提醒wa 发送周围所有战斗的打断驱散_网络游戏_游戏攻略_