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

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

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

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

ltdiv style=quotbackgroundcolor rgba0，0，0，03quot這是一個(gè)盒子的內(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)簽中，對(duì)“article”添加樣式opacity 05，對(duì)“article p”添加樣式opacity 13瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)背景是50%透明度，但字體是不透明的。