css設置背景透明的方法:首先新建文件,在div寫上對應的樣式;然后為div添加opacity樣式,透明效果實現(xiàn)了,父div的背景圖可以投射出來。
本教程操作環(huán)境:windows7系統(tǒng)、css3版,DELL G3電腦。
css設置透明背景的方法:
1、先寫些測試代碼,測試HTML很簡單,就是二個div,一個嵌套在另一個里面,代碼如圖。
2、然后為二個div寫上對應的樣式,如圖,都是一些比較基礎的css代碼,為了顯示透明效果,我們在樣式為p1的div里,添加了一張背景圖。
3、先看下還沒添加透明效果的頁面。
4、要添加透明效果,我們可以為div添加opacity樣式,這是css2的做法,代碼如圖,添加了一個樣式規(guī)則.opacity,并在p2 div里加上這個樣式名
5、看下設置了透明效果的頁面。
透明效果是實現(xiàn)了,父div的背景圖可以投射出來。但有一個缺陷,就是div上的文字變模糊了,因為也有了透明效果。
相關學習推薦:css教程