opacity屬性用法簡單介紹

antzone發表於2017-04-09

此屬性可以設定元素的透明度。

屬性值介於0-1之間，0表示完全透明，1表示完全不透明。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<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了。

相關文章