大體結構:灰色半透明部分和城市文字是兩個圖層,絕對定位到圖片的底部。因爲放到一個圖層的話文字也會變成半透明。
半透明部分設置樣式:opacity:0.7在ie9/ie10/ff/chrome/opera/safari顯示正常,是圖上的效果。但是這樣在ie6-ie8中是不支持的,需要加上下面這句話:
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
此外這種效果不能用ietester中的ie6測試,因爲ietester的ie6這樣寫也是不透明的,但是實際上ie6中已經顯示正常了。