1.映像透明不透明用到opacity元素，值為0到1，一般用0.4或0.6就夠了。
2.ie8以下瀏覽器寫法為：filter:alpha(opacity=40);值為0到100.一般為了相容同時寫兩種。
3.用法有兩種，第一直接寫在圖片上增加圖片的模糊程度（相當於灰色蒙版）；第二把圖片寫在背景p裡，嵌套p寫帶有顏色的蒙版，裡面還可以加文字。具體寫法如下：
<!DOCTYPE html><html><head><meta charset="utf-8"><style>img{width:400px;height:300px;opacity:0.4;filter:alpha(opacity=40);}img:hover{opacity:1;filter:alpha(opacity=100);/*ie8以下寫法*/}.background{background:url('img/t01753ed63dad21cb88.jpg') no-repeat;width:400px;height:300px;}.transparent{width:400px;height:300px;background-color:#f941f3;opacity:0.4;filter:alpha(opacity=40);}.transparent:hover{opacity:0;filter:alpha(opacity=0);}p{font-size:48px;display:block;color:white;text-align:center;line-height:300px; }</style></head><body><img src="img/t010c6ea3d87e5dcc351.jpg"/><div class="background"><div class="transparent"><p>filter:alpha</p></div></div></body></html>
運行效果：
注意：
1.用偽類:hover可以設定滑鼠移動到圖片上時的透明度。
2.div寫背景圖片預設height為0，一定要限定高度才可以顯示圖片全部尺寸。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
