需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼div opacity05backgroundcolor #0b93d5 span color white 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功在透明度50%的背景上顯示了白。

透明度的話ie下用filteralphaopacity=50范圍0到100，非ie下用opacity05，范圍0到1。

前端設(shè)計(jì)中，透明度調(diào)整是常用技巧本文將介紹兩種CSS設(shè)置透明度的方法，配合代碼實(shí)例幫助理解1 使用rgba函數(shù)RGBA函數(shù)允許你設(shè)置顏色的透明度，其語(yǔ)法是rgbaR，G，B，A其中RGB分別代表紅色綠色和藍(lán)色的值，范圍0255A為透明度，0代表完全透明，1代表完全不透明例如背景半透明demo。

css 元素名 opacity 05 另外，也可以使用rgba顏色值來(lái)設(shè)置透明色，例如css 元素名 backgroundcolor rgba * 這里設(shè)置的是半透明的紅色 * 以上兩種方式都可以達(dá)到設(shè)置透明色的效果接下來(lái)進(jìn)行詳細(xì)解釋二詳細(xì)解釋1 使用opacity屬性設(shè)置透明度 `opacity` 是一個(gè)CSS屬性。

本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于css如何實(shí)現(xiàn)圖像的透明與不透明完整代碼，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助1圖像透明不透明用到opacity元素，值為0到1，一般用04或06就夠了2ie8以下瀏覽器寫法為filteralphaopacity=40值為0到100一般為了兼容同時(shí)。

是的如果是圖片的這些寫可以，src代表圖片的路徑，alt是提示字符，對(duì)搜索引擎優(yōu)化有好處，opacity是圖片的透明效果，80%代表圖片的透明度，可以根據(jù)實(shí)際更改。

以上是兼容瀏覽器參數(shù)，看別人的代碼，通常情況下會(huì)剩去后兩個(gè)屬性，這是因?yàn)镸ozilla和Safari瀏覽器都支持自動(dòng)更新，用這些瀏覽器的人一般用的也是較新的版本，因此后兩個(gè)為了兼容較老的瀏覽器的屬性不用也罷以上就是CSS透明屬性的基本用法，然而用到透明屬性的地方，一般都是用在層疊層次較多的下層 來(lái)。

對(duì)于如何用CSS設(shè)置元素的透明色，其實(shí)很簡(jiǎn)單如果你想讓某個(gè)元素，比如照片周圍的白色邊框變得透明，你不需要保留背景色，只需更改CSS樣式原本的代碼可能看起來(lái)是這樣的`#m_pro photobackground#FFFborder1px solid #DDD`這里，`background#FFF`設(shè)置了背景色為白色，`border1px solid #。

了解CSS顏色代碼時(shí)，提及到的關(guān)鍵透明色代碼是quottransparentquot它在設(shè)置背景和字體顏色時(shí)派上用場(chǎng)，如要讓背景完全透明，只需使用backgroundcolor transparent，字體顏色設(shè)為透明則用color transparent顏色代碼的種類豐富多樣，主要分為四類基礎(chǔ)顏色詞匯，如表示綠色的quotgreenquot，黃色的quotyellowquot，紅色。