htmlcss 中讓一個DIV的背景色是透明的，但它的內(nèi)容文字圖片之類的不是透明的，這個的話，是可以通過設(shè)置2個div來實(shí)現(xiàn)的，第一個包裹著第二個div然后在設(shè)置相同的div寬高，在將第一個的opacity為0代碼如下ltdiv。

1首先我們新建一個html文件，添加一個DIV，設(shè)置寬度和高度，以及背景色填充為紅色2然后在父級DIV中插入一個子DIV，定義它的寬高，以及背景色3然后我們添加一個透明度的代碼opacity064在圖層的上方。

1先打開一張背景圖片2再在背景圖上面寫上想寫的字3將背景圖片圖層拖放在文字圖層的上面4選中背景圖圖層，然后再按下“CTRL不放，同時再用鼠標(biāo)單擊背景圖圖層”，此時背景圖圖層已經(jīng)被“閃動的虛線包圍”。

取值從0到1，設(shè)為1就是不透明了，這里設(shè)置為07即可3最后保存文件來到瀏覽器，就可以看出效果了，有透明色的字體明顯要比沒加透明的字體要淡一些以上就是設(shè)置 html 字體顏色為透明色的方法。

ltdiv style=quotbackgroundcolor rgba0，0，0，03quot這是一個盒子的內(nèi)容ltdiv 用以下方法可以將標(biāo)簽的背景顏色設(shè)置為半透明CSS rgba 函數(shù)教程。

lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleLOLlttitle ltstyle html， bodymargin 0 padding 0 color #fff backgroundcolor red width 100% height。

2在indexhtml中的ltstyle標(biāo)簽中，對“article”添加樣式opacity 05，對“article p”添加樣式opacity 13瀏覽器運(yùn)行indexhtml頁面，此時背景是50%透明度，但字體是不透明的。