css透明度的设置 (兼容所有浏览器)

转载 2013年12月05日 09:35:29
.transparent_class {
      	filter:alpha(opacity=50);
      	-moz-opacity:0.5;
      	-khtml-opacity: 0.5;
      	opacity: 0.5;
     	overflow:hidden;
	background-color: #CAE1FF; 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	left: 0; 
	top: 0; 
	display: none; 
	overflow: hidden;
     	z-index:100;
}


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 .
overflow: (1)visible:默认值。内容不会被修剪,会呈现在元素框之外。 (2):hidden:内容会被修剪,并且其余内容是不可见的。(3):scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。(4):auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。(5):inherit:规定应该从父元素继承 overflow 属性的值
z-index:对于这个属性,我个人的理解是指网页的整体的一个层,和我们视线垂直的网页面,z-index的值越大,这个div离我们的实现就越近,也就是说在别的div的上面。

感谢原文出处:http://justcoding.iteye.com/blog/545301#comments;

相关文章推荐

CSS实现背景透明度调节,兼容所有浏览器

重点内容入口: IE6和部分IE7内核的浏览器会读懂rgba IE专属滤镜 filter:Alpha的兼容处理 背景透明,文字不透明全兼容方案测试浏览器: VirtIE6、虚拟机下XP的IE6...
  • visant
  • visant
  • 2017年05月09日 10:03
  • 372

Opacity多浏览器透明度兼容处理

用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari: IE: f...
  • chen0o0
  • chen0o0
  • 2015年05月23日 10:57
  • 1665

IE8浏览器中图片透明度设置

IE浏览器中图片透明度设置方法

CSS浏览器兼容问题

  • 2014年07月02日 16:20
  • 369KB
  • 下载

H5学习之25 CSS 给图片增加框 透明度的设置

html> lang="en"> charset="UTF-8"> div.img{ float:left; ...

CSS_浏览器兼容

  • 2012年03月12日 10:12
  • 130KB
  • 下载

HTML 使用CSS 设置透明度Opacity

HTML 使用CSS 设置透明度Opacity HTML 使用CSS 设置透明度Opacity Html/Css标签透明度效果的实现,在html中,实现半透明背景,在H...

最全的CSS浏览器兼容问题

  • 2012年07月25日 15:51
  • 38KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css透明度的设置 (兼容所有浏览器)
举报原因:
原因补充:

(最多只允许输入30个字)