1、背景色設為透明，代碼如下backgroundcolortransparent字體顏色設為透明，代碼如下colortransparent。

2、背景半透明demo2rgba255，0，0，05，文字保持不透明 對比實例demo1完全覆蓋demo，demo2部分透明2 opacity屬性opacity屬性用于全局設置元素及其所有子元素的透明度，其值范圍01如設置為05，背景和文字都會變得半透明背景透明demo2opacity 05總結來說，rgba主要用。

3、1準備好初始化的代碼 2初始化樣式 div border1px red solidwidth800pxheight800pxbackgroundcolorblue 3運行結果為 4設置背景顏色半透明的樣式代碼backgroundcolorrgba0，0，255，055運行結果為 透明原理把背景顏色設置為rgb的方式，然后再加一個透明。

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

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

6、瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎代碼2在indexhtml中的標簽中，對“article”添加樣式opacity 05，對“article p”添加樣式opacity 13瀏覽器運行indexhtml頁面，此時背景是50%透明度，但字體是不透明的。

7、所有代碼lt！DOCTYPE html css設置背景透明 rgba backgroundcolor rgba0，0，0，05height 200px。

8、就是startColor和endColor的值這兩個值是有兩部分組成的，前兩個值代表了不透明度換成了16進制的數(shù)值如下圖所示為其對應的值這樣設置了以后就兼容ie8以下的瀏覽器了方法二定位法 設置文字內容和背景內容不在一個層上讓文字內容浮動到半透明的背景層上如果你的文字在半透明背景層的。

9、1新建html文檔，在body標簽中添加一個img標簽，這時默認情況下圖片是不透明的2在head標簽中添加style標簽，在style標簽中為img標簽設置透明度樣式，其中三個屬性是為了兼容不同瀏覽器3刷新瀏覽器中的頁面，這時可以發(fā)現(xiàn)瀏覽器中圖片的透明度改變了，透明度的范圍是01，0表示完全透明，1表示不。

10、首先，用大家比較熟悉的CSS屬性opacity來改變div的背景顏色描述外面大的div背景顏色為黃色，里面小的div的背景顏色為紅色，現(xiàn)在我們需要設置大的div的背景顏色變成半透明狀態(tài)，我們將opacity的屬性值設為05，代碼如下HTML部分1 2 3 我是內容 CSS部分1 2 3 4 5 6 7 8 9 10 11 aa。

11、如果要給相關欄目自定義背景的話， 只要在CSS代碼中加入 欄目IDbackground urlquot圖片地址quot repeat 就可以其中repeat的位置上可以換成其他參數(shù)norepeat repeatx repeaty 意思分別是repeat 背景圖像在縱向和橫向上平鋪 norepeat 背景圖像不平鋪 repeatx 背景圖像在橫向上平鋪。

12、htmlcss 中讓一個DIV的背景色是透明的，但它的內容文字圖片之類的不是透明的，這個的話，是可以通過設置2個div來實現(xiàn)的，第一個包裹著第二個div然后在設置相同的div寬高，在將第一個的opacity為0代碼如下 我是測試文字 div widht220pxheight300px div1 background#fff。

13、我是黑色背景，不透明的 我是黑色背景，50%透明度 我是黑色背景，20%透明度CSS代碼test1， #test2， #test3 width 300px height 200px lineheight 200px textalign center display inlineblock marginleft 50px color #FFF。

14、不透明 這樣div的半透明效果也就不會影響到元素p了最后在將p定位到需要的位置但是很多時候這樣的標簽并不是很合理，有可能還會多浪費幾個標簽下面的這種方法就可以解決上面的問題了divbackgroundrgba0，0，0，02 repeat scroll ！important *實現(xiàn)FF背景透明，文字不透明* backgro。

15、其中background#000 filteralphaopacity30 opacity03為關鍵代碼，當opacity值為1時，表示完全不透明，為0時表示完全透明其關的屬性介紹如下opacity 03這是“最重要的”，因為它是在CSS的現(xiàn)行標準這將在Firefox，Safari和Opera的大多數(shù)版本的工作這將是你所需要的一切如果所有。

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

17、暈死好像不用這么麻煩啊等會啊，我查查1進入你的空間設置模板設置自定義模版CSS可以讓您 #8226 直接編輯CSS文件，實現(xiàn)個性化效果編輯 2刪除開頭處的4句語句bodybackgroundcolor#FFFFFF #headerheight89pxbackground#CDF991#header divlc#head。

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