毛玻璃遮罩實驗

現在看到的佈景是在測試毛玻璃的效果。

之前找了很多把背景變成透明的方法，不過都不是我想要的。


filter:alpha(opacity=50); /* for IE */

opacity:0.5; /* CSS3 standard */

-moz-opacity:0.5;/* for Mozilla, Firefox */


上面是CSS的半透明語法，不過它會連內容文字和圖片都變成透明的。
之後有發現套用透明的GIF檔來達成目的，不過效果也不是很好。
後來乾脆自己再製一張毛玻璃的，直接套用到outer-wrapper上。
本來以為除了霧化之外還要作一些對齊的工作，結果發現完全不用，直接套用上去就好了。

兩張圖加起來快2M，真是辛苦大家了(鞠躬)。

原圖
http://alumni.ee.ccu.edu.tw/~hayden0828/biodome1600.jpg

霧化後
http://alumni.ee.ccu.edu.tw/~hayden0828/biodome1600_glass.jpg