opacity属性用法简单介绍

快乐打工仔 分类:实例代码

此属性可以设置元素的透明度。

属性值介于0-1之间,0表示完全透明,1表示完全不透明。

代码实例如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<style>
div{
  width:150px;
  height:50px;
  background:black;
  margin:10px;
}
.a{opacity:0.5}
.b{opacity:1}
</style>
</head>
<body>
<div class="a"></div>
<div class="b"></div>
</body>
</html>

存在一定的浏览器兼容问题,IE6不支持此属性,不过现在已经没必要考虑IE6了。

回复

我来回复
  • 暂无回复内容