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

下面介紹一下這兩種情況

1.設(shè)置html元素你面內(nèi)顏色和圖片都為半透明狀態(tài)支持IE瀏覽器

.bg1{

background:#000;

opacity: 0.5;

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

}

2.設(shè)置html元素最外層的顏色為半透明，子元素不進(jìn)行設(shè)置：

.bg2{

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

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

}

下面給出上面兩種情況的測(cè)試代碼：

設(shè)置背景半透明

.bg1{

background:#000;

opacity: 0.5;

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

}

.bg2{

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

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

}

aafaa
sdfsdred

aafaa
sdfsdred

css背景半透明的設(shè)置效果圖如下：

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。