1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼div opacity05backgroundcolor #0b93d5 span color white 3瀏覽器運(yùn)行indexhtml頁(yè)面；1圖像透明不透明用到opacity元素，值為0到1，一般用04或06就夠了2ie8以下瀏覽器寫法為filteralphaopacity=40值為0到100一般為了兼容同時(shí)寫兩種3用法有兩種，第一直接寫在圖片上增加圖片的模糊程度。

是的如果是圖片的這些寫可以ltimg src =quot圖片url地址quot alt=quot提示字符quot style=quotopacity80%quot，src代表圖片的路徑，alt是提示字符，對(duì)搜索引擎優(yōu)化有好處，opacity是圖片的透明效果，80%代表圖片的透明度，可以根據(jù)實(shí)際；首先，用大家比較熟悉的CSS屬性opacity來(lái)改變div的背景顏色描述外面大的div背景顏色為黃色，里面小的div的背景顏色為紅色，現(xiàn)在我們需要設(shè)置大的div的背景顏色變成半透明狀態(tài)，我們將opacity的屬性值設(shè)為05，代碼如下HTM。

可以給 box1 設(shè)置 backgroundcolor rgba190， 190， 190， 06，這樣盒子透明而 font 也不受影響；1使用opacity屬性，給設(shè)置背景圖片的元素添加“opacity透明度值”樣式即可屬性值從 00 到 10值越小，越透明 示例lt！DOCTYPE html lthtml lthead ltstyle type=quottextcssquot div width 300pxheight。

一樓說(shuō)的不是很正確！用HTML編寫也行！百度上面多的是ltIMG src=quot圖片路徑quot style=quotfilterinvertquot border=0反色 ltIMG src=quot圖片路徑quot style=quotfilterprogidBias=07 quot；透明色transparent 背景色設(shè)為透明，代碼如下backgroundcolortransparent字體顏色設(shè)為透明，代碼如下colortransparent。

打開(kāi)vscode，創(chuàng)建一個(gè)html5規(guī)范的測(cè)試頁(yè)面H5Buttonhtml如果沒(méi)有vscode，使用文本文件也是一樣的效果 在測(cè)試頁(yè)面中添加一個(gè)按鈕，注意，h5頁(yè)面的按鈕是button標(biāo)簽，不再是input標(biāo)簽了 在瀏覽器中運(yùn)行測(cè)試頁(yè)面，可以看到默認(rèn)；3然后我們添加一個(gè)透明度的代碼opacity064在圖層的上方，有個(gè)不透明度，我們把PS中圖層不透明度設(shè)置為60%5把剛才的背景色和不透明度代碼刪除，換個(gè)代碼backgroundcolorrgba255，255，255，06。

ih5透明按鈕點(diǎn)擊翻頁(yè)html5頁(yè)面代碼lt！DOCTYPE htmllthtmlltheadltmeta；使用CSS3rgba函數(shù)設(shè)置白色半透明backgroundcolor rgba255， 255， 255， 05。

1新建html文檔，在body標(biāo)簽中添加一個(gè)img標(biāo)簽，這時(shí)默認(rèn)情況下圖片是不透明的2在head標(biāo)簽中添加style標(biāo)簽，在style標(biāo)簽中為img標(biāo)簽設(shè)置透明度樣式，其中三個(gè)屬性是為了兼容不同瀏覽器3刷新瀏覽器中的頁(yè)面，這時(shí)可以。

你用createelement新建一個(gè)div，默認(rèn)情況下這個(gè)div的style中的backgroungcolor屬性是transparent，呵呵，如果我做一個(gè)div的蒙板，那么請(qǐng)看下面一段代碼復(fù)制代碼代碼如下=quotabsolutequot=；1首先打開(kāi)html編輯器，新建一個(gè)html文件，在文件內(nèi)寫入兩個(gè)div，設(shè)置它們的樣式為div1和div22然后分別設(shè)置兩個(gè)div的樣式，給它們相同的高度和寬度以及顏色，最后設(shè)置boxshadow屬性，這里的顏色使用rgba來(lái)設(shè)置，最后一。

opacity 05 *HTML5瀏覽器，取值01* 這種方法包括背景，內(nèi)容的文字圖片邊框都會(huì)變?yōu)榘胪该?做一張PNG圖片，PNG圖片支持透明和半透明甚至漸變透明圖層以這張圖片作為背景和第一種情況一樣，背景是。