ie6-ie8中不支持opacity透明度的解決方法

如下圖所示圖片下方的效果是半透明的。
wKioL1TBuS6gzbLIAAESWp-ixGE164.jpg

大體結構:灰色半透明部分和城市文字是兩個圖層,絕對定位到圖片的底部。因爲放到一個圖層的話文字也會變成半透明。
半透明部分設置樣式:opacity:0.7在ie9/ie10/ff/chrome/opera/safari顯示正常,是圖上的效果。但是這樣在ie6-ie8中是不支持的,需要加上下面這句話:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
此外這種效果不能用ietester中的ie6測試,因爲ietester的ie6這樣寫也是不透明的,但是實際上ie6中已經顯示正常了。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章