站長(zhǎng)資訊網(wǎng)css設(shè)置背景透明的方法：首先在【<body>】標(biāo)簽創(chuàng)建【<div>】標(biāo)簽和添加類；然后在【<style>】標(biāo)簽里設(shè)置rgba類的高和背景透明度的樣式【（rgba(R,G,B,A)）】。
本教程操作環(huán)境：windows10系統(tǒng)、css3版，DELL G3電腦，該方法適用于所有品牌電腦。
css設(shè)置背景透明的方法：
1、創(chuàng)建一個(gè)html文件。如圖
2、在html文件找到一個(gè)<body>標(biāo)簽，在這個(gè)標(biāo)簽里創(chuàng)建一個(gè)<div>標(biāo)簽并添加一個(gè)類，在這把這個(gè)類設(shè)置為：rgba。 如圖
代碼：
<div class="rgba"></div>
3、為div添加樣式。在<title>標(biāo)簽后面創(chuàng)建一個(gè)<style>，在<style>標(biāo)簽里設(shè)置rgba類的高和背景透明度的樣式（rgba(R,G,B,A)）。透明度參數(shù)，取值在0~1之間，不可為負(fù)值，透明度參數(shù)越小透明度越高。如圖
代碼：
<style type="text/css"> .rgba{ background-color: rgba(0,0,0,0.5); height: 200px; } </style>
4、保存后使用瀏覽器查看。可以看到當(dāng)透明度為由0.1修改為1時(shí)div背景由灰色變?yōu)榱撕谏?。如圖：
相關(guān)教程推薦：CSS視頻教程
