css如何設置背景圖片半透明

在css中，可以使用opacity屬性來設置背景圖片的半透明。下面小編舉例講解css如何設置背景圖片半透明。

東西/原料

1
新建一個html文件，定名為test.html，用于講解css若何設置布景圖片半透明。
2
在test.html文件內，利用div標簽建立一個模塊，下面將給該div設置布景圖片。
3
在test.html文件內，設置div標簽的class屬性為mypen，本家兒要用于下面設置樣式。
4
在test.html文件內，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內。
5
在css標簽內，經由過程class設置div的寬度為200px，高度為200px，布景圖片為2.jpg，再利用filter、-moz-opacity、opacity屬性設置布景圖片的透明度為50%，即半透明。
6
在瀏覽器打開test.html文件，查看實現的結果。
END