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

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

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

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

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

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

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

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

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