如題,現在是沒法改圖檔本身的透明度,該圖檔以 background-image 寫在 css 裡,不知道有沒有辦法給他設定透明度?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,有透明度。
元素設定透明度當背景,另一個元素遮蓋到上面 客串下它兒子,假裝是這個元素的内容。
css的opacity屬性可以設定圖檔的透明屬性,#div{
background-image: url(img.png);
opacity:0.4;
filter:alpha(opacity=40); }
無法改變圖檔本身的透明度,那隻能改變整個DIV的透明度來達到類似的視覺效果:
1.opacity屬性
2.如果相容性允許的話使用css3濾鏡-webkit-filter(有别于之前的IE濾鏡)。
看下這個網站的實作辦法Opacity in CSS background images