实现背景透明文字不透明兼容所有浏览器代码,Css代码库,德仔网

代码语言

代码分类

【Css】实现背景透明文字不透明兼容所有浏览器

作者:PeunZhang / 发布于2015/3/11/ 756

设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度


	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>opacity</title>
	<style>
	*{
	 padding: 0;
	 margin: 0;
	}
	body{
	 padding: 50px;
	 background: url(img/bg.png) 0 0 repeat;
	}
	.demo{
	 padding: 25px;
	 background-color:#000000;
	 opacity: 0.2;
	}
	.demo p{
	 color: #FFFFFF;
	}
	</style>
	</head>
	<body>

	<div class="demo">
	 背景透明，文字也透明
	</div>

	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

　　

试试其它关键字

　背景透明　　文字不透明　

同语言下

可能有用的

PeunZhang贡献的其它代码(12)