PHP设置文本框背景透明度,如何给background-image设置透明度?
如題,現(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 五色糯米饭如何在品质方面提升?
- 下一篇: php防止报错,php报错:Cannot