css設置背景顏色半透明或者設置背景圖片半透明，但有的時候只需要設置最外層的div為半透明里面的內容不需要設置

下面介紹一下這兩種情況

1.設置html元素你面內顏色和圖片都為半透明狀態支持IE瀏覽器

.bg1{

background:#000;

opacity: 0.5;

filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);

}

2.設置html元素最外層的顏色為半透明，子元素不進行設置：

.bg2{

background:rgba(0,0,0,0.5);/*前三個參數為rgb顏色，第四個參數為透明度*/

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);/*#7F000000的前兩位為16進制透明度，后六位為16進制顏色*/

}

下面給出上面兩種情況的測試代碼：

設置背景半透明

.bg1{

background:#000;

opacity: 0.5;

filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);

}

.bg2{

background:rgba(0,0,0,0.5);/*前三個參數為rgb顏色，第四個參數為透明度*/

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);/*#7F000000的前兩位為16進制透明度，后六位為16進制顏色*/

}

aafaa
sdfsdred

aafaa
sdfsdred

css背景半透明的設置效果圖如下：

總結

以上是生活随笔為你收集整理的css只设置背景图片半透明,css 设置背景色或图片半透明的方法(图文)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。