css中透明度的設定方法是為元素添加opacity屬性，例如【opacity:0.5;】。 opacity屬性設定了一個元素的透明度級別，透明度會把所有內容和元素都設為透明。
本文操作環境：windows10系統、css 3、thinkpad t480電腦。
我們通常有兩種方式來設定透明度，具體內容如下：
background-color：rgba(r,g,b,a)； r:红 g：绿 b:蓝 a:透明度
background-color:rgb(r,g,b) opacity:0.5;
具體程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS中透明度设置</title>
<style>
/*不设置透明度*/
.box1{
background-color:rgb(217, 107, 116);
font-size: 36px;
}
/*透明度为0.5*/
.box2{
background-color:rgba(217, 107, 116,0.5);
font-size: 36px;
}
/*透明度为0.5*/
.box3{
background-color:rgb(217, 107, 116);
font-size: 36px;
opacity: 0.5;
}
</style>
</head>
<body>
<div> 曾经的照片还留在那个房间</div>
<div> 曾经的照片还留在那个房间</div>
<div> 曾经的照片还留在那个房间</div>
</body>
</html>效果顯示：
opacity: value|inherit;
<style>
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 and earlier */
}
</style>以上是css中的透明度該怎麼設置的詳細內容。更多資訊請關注PHP中文網其他相關文章！
