css設定背景透明的方法:首先在【】標籤建立【】標籤和新增類別;然後在【】標籤裡設定rgba類別的高和背景透明度的樣式【(rgba(R,G,B,A))】。 <p><img src="https://img.php.cn/upload/article/000/000/052/603ca3ebbf4fe657.jpg"/ alt="css如何設定背景透明" ><p>本教學操作環境:windows10系統、css3版,DELL G3電腦,此方法適用於所有品牌電腦。 <p><strong>css設定背景透明的方法:<p>1、建立一個html檔。如圖<p><img src="https://img.php.cn/upload/image/131/781/285/1614587272309457.png" title="1614587272309457.png" alt="css如何設定背景透明"/><p>2、在html檔案找到一個<code><body>標籤,在這個標籤裡建立一個<code><div>標籤並新增一個類,在這把這個類別設定為:rgba。如圖<p>程式碼:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><div class="rgba"></div></pre><div class="contentsignin">登入後複製</div></div><p><img src="https://img.php.cn/upload/image/208/928/758/1614587277342859.png" title="1614587277342859.png" alt="css如何設定背景透明"/></p><p>3、為div新增樣式。在<title>標籤後面建立一個<code><style></code>,在<style>標籤裡設定rgba類別的高和背景透明度的樣式<code>(rgba(R,G,B,A ))</code>。透明度參數,取值在0~1之間,不可為負值,透明度參數越小透明度越高。如圖</p><p>程式碼:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><style type="text/css"> .rgba{ background-color: rgba(0,0,0,0.5); height: 200px; } 登入後複製4、儲存後使用瀏覽器檢視。可以看到當透明度為由0.1修改為1時div背景由灰色變成黑色。如圖:#相關教學建議:CSS影片教學