html5背景透明文字不透明(css設(shè)置背景透明,文字不透明)
htmlcss 中讓一個(gè)DIV的背景色是透明的,但它的內(nèi)容文字圖片之類(lèi)的不是透明的,這個(gè)的話(huà),是可以通過(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)的虛線(xiàn)包圍”。
取值從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%透明度,但字體是不透明的。
掃描二維碼推送至手機(jī)訪(fǎng)問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。