兼容IE6的纯CSS背景半透明(文字不透明)

蓝飞 蓝飞 | 时间:2013-07-11, Thu | 14,521 views
 
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>
			IE背景半透明
		</title>
		<style type="text/css">
		.alpha{
			width: 100px;
			height: 100px;
			color: #fff;
			background: rgba(0, 0, 0, .3);
			filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #50000000, endColorstr = #50000000)\9;
		}
		:root .alpha{
			filter: none;		/*for IE9*/
		}
		</style>
	</head>
	<body>
		<div class="alpha">
			文字文字
		</div>
	</body>
</html>
如需转载请注明出处:蓝飞技术部落格

3 条评论 »

  1. 东东东东东东林 东东东东东东林

    表示没效果= =

    1. 不要用IE Tester看。

  2. [...]原文地址(我的博客):http://www.clanfei.com/2013/07/1714.html[...]