css如何設定背景透明

css設定背景透明的方法：先新建文件，在div寫上對應的樣式；然後為div添加opacity樣式，透明效果實現了，父div的背景圖可以投射出來。

本教學操作環境：windows7系統、css3版，DELL G3電腦。

css設定透明背景的方法：

1、先寫些測試程式碼，測試HTML很簡單，就是二個div，一個嵌套在另一個裡面，程式碼如圖。

2、然後為二個div寫上對應的樣式，如圖，都是一些比較基礎的css程式碼，為了顯示透明效果，我們在樣式為p1的div裡，新增了一張背景圖。

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

4、要新增透明效果，我們可以為div添加opacity樣式，這是css2的做法，程式碼如圖，新增了一個樣式規則.opacity，並在p2 div裡加上這個樣式名稱

5、看下設定了透明效果的頁面。

透明效果是實現了，父div的背景圖可以投射出來。但有一個缺陷，就是div上的文字變得模糊了，因為也有了透明效果。

相關學習推薦：css教學

#

以上是css如何設定背景透明的詳細內容。更多資訊請關注PHP中文網其他相關文章！