您现在的位置是:网站首页> 编程资料编程资料
css 透明度的设置兼容所有浏览器_浏览器兼容教程_CSS_网页制作_
2021-09-09
790人已围观
简介 [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_网页制作_