如題，現(xiàn)在是沒法改圖片本身的透明度，該圖片以 background-image 寫在 css 里，不知道有沒有辦法給他設(shè)置透明度？div{

position: relative;

}

div:after{

content: '';

display: block;

width: 100%;

height: 100%;

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: url(...);

opacity: 0.5;

}

背景圖用png，有透明度。

元素設(shè)置透明度當(dāng)背景，另一個(gè)元素遮蓋到上面 客串下它兒子，假裝是這個(gè)元素的內(nèi)容。

css的opacity屬性可以設(shè)置圖片的透明屬性，#div{

background-image: url(img.png);

opacity:0.4;

filter:alpha(opacity=40);/* 針對(duì) IE8 以及更早的版本 */ }

無法改變圖片本身的透明度，那只能改變整個(gè)DIV的透明度來達(dá)到類似的視覺效果：

1.opacity屬性

2.如果兼容性允許的話使用css3濾鏡-webkit-filter(有別于之前的IE濾鏡)。

看下這個(gè)網(wǎng)站的實(shí)現(xiàn)辦法Opacity in CSS background images

總結(jié)

以上是生活随笔為你收集整理的PHP设置文本框背景透明度,如何给background-image设置透明度？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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