IE和FireFox下透明度的设置代码,Asp.Net代码库,德仔网

代码语言

代码分类

【Asp.Net】 IE和FireFox下透明度的设置

作者:剑南 / 发布于2014/10/13/ 862

FireFox下透明度设置的方法是：opacity=opacityValue;opacityValue的取值范围是【0.0~1.0】即0到1的小数IE下透明度设置的方法是：filter:alpha(opacity=opacityValue);opacityValue的取值范围是【0~100】即0到100的整数


	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
	<html>
	<head>
	<title>ffopacity.html</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<style type="text/css" media="all">
	#p1{
	opacity:0.2;
	}
	#p2{
	opacity:0.4;
	}
	#p3{
	opacity:0.6;
	}
	#p4{
	opacity:0.8;
	}
	#p5{
	opacity:1;
	}
	p{
	width:200px;
	height:100px;
	background-color:green;
	}
	</style>
	</head>
	<body>
	<p id="p1">opacity:0.2;不透明度为20%
	<p id="p2">opacity:0.4;不透明度为40%
	<p id="p3">opacity:0.6;不透明度为60%
	<p id="p4">opacity:0.8;不透明度为80%
	<p id="p5">opacity:1;不透明度为100%
	<br/><br/>
	<blockquote>IE不支持此属性,请使用Firefox或者Opera浏览.</blockquote>
	</body>
	</html>

	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
	<html>
	<head>
	<title>ieopacity.html</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<style type="text/css" media="all">
	#p1{
	filter:alpha(opacity=20);
	}
	#p2{
	filter:alpha(opacity=40);
	}
	#p3{
	filter:alpha(opacity=60);
	}
	#p4{
	filter:alpha(opacity=80);
	}
	#p5{
	filter:alpha(opacity=100);
	}
	p{
	width:300px;
	height:100px;
	background-color:green;
	}
	</style>
	</head>
	<body>
	<p id="p1">filter:alpha(opacity=20);不透明度为20
	<p id="p2">filter:alpha(opacity=40);不透明度为40
	<p id="p3">filter:alpha(opacity=60);不透明度为60
	<p id="p4">filter:alpha(opacity=80);不透明度为80
	<p id="p5">filter:alpha(opacity=100);不透明度为100
	<br/><br/>
	<blockquote>IE下的属性</blockquote>
	</body>
	</html>

试试其它关键字

　透明度　　透明度设置　

同语言下

可能有用的

剑南贡献的其它代码(3)