css設(shè)置背景透明的方法：首先新建文件，在div寫上對應(yīng)的樣式；然后為div添加opacity樣式，透明效果實(shí)現(xiàn)了，父div的背景圖可以投射出來。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

css設(shè)置透明背景的方法：

1、先寫些測試代碼，測試HTML很簡單，就是二個(gè)div，一個(gè)嵌套在另一個(gè)里面，代碼如圖。

2、然后為二個(gè)div寫上對應(yīng)的樣式，如圖，都是一些比較基礎(chǔ)的css代碼，為了顯示透明效果，我們在樣式為p1的div里，添加了一張背景圖。

3、先看下還沒添加透明效果的頁面。

4、要添加透明效果，我們可以為div添加opacity樣式，這是css2的做法，代碼如圖，添加了一個(gè)樣式規(guī)則.opacity，并在p2 div里加上這個(gè)樣式名

5、看下設(shè)置了透明效果的頁面。

透明效果是實(shí)現(xiàn)了，父div的背景圖可以投射出來。但有一個(gè)缺陷，就是div上的文字變模糊了，因?yàn)橐灿辛送该餍Ч?/p>

相關(guān)學(xué)習(xí)推薦：css教程