容器層大小是大小，把風景圖作為背景顯示，no-repeat。這裡用到乙個小技巧，將background-attachment設成fixed，不隨元素滾動，讓子元素繼承了本層的背景後，子元素就變成了乙個viewport，移到哪兒就看到背景的哪兒。。。額。。。這句話理解起來有點困難，碼農缺乏語言表達也是一大苦惱。。。
.container毛玻璃層：
這裡的關鍵技巧就是background:inherit，直接使用了父元素的背景，和父級的background-attachment:fixed可完成從相機看世界的各種牛逼效果。
本文的的毛玻璃是全景，當然可以上半部或者下半部，或者其他位置，這就看出inherit和fixed牛逼的地方了。
.frosted-glass上面的各種filter為了相容各種瀏覽器版本，可度娘可谷歌，隨便啦。
ie6~9的就用filter: progid:dximagetransform.microsoft.blur(pixelradius=4, makeshadow=false)進行相容。
ie8下的效果，繼續將就吧。
最後就是天氣圖示：
需要把圖示浮在最上層某個位置上，個人不太喜歡使用飛在天上的absolute來解決人間的俗世問題，元素內的定位用margin來作就足夠了，雖然會在頁面的回流上有影響，但不會產生足夠的影響，好處就是父元素的位置和大小的變動產生後遺症會盡可能小，讓absolute來弄，那就頭大了，人間的問題就讓人間的來解決吧。
圖示的position設成relative，是為了讓它浮在最上面，因為relative的要比預設static的顯示層級高。
定位就用margin來做，當然前提是要把它弄成block級元素，否則就然並卵了。
.weather
至此完成基本效果。
**和資源：
戳
UIBlurEffect 毛玻璃特效實現
ios 8 後使用 uiblureffect 類和 uivisualeffectview 類新增毛玻璃特效更加便捷，高效。建立imageview iimageview imageview uiimageview alloc initwithimage uiimage imagenamed 5 建立需...
看到幾個不錯的列印方式,分享幾個覺得不錯的
1.console.log 我們經常會使用console.log來列印出某個變數的值或者某個實體物件，也可以傳入多個變數引數，它會按照傳入順序進行列印 2.console.warn 你可以完全使用console.warn來代替console.log方法，但前提是該條列印資訊是屬於警告級別而不是普通資...
管理哲學 分蘋果的故事（覺得不錯）轉
發信人 bighead 下雨不愁 信區 dut 標 題 管理哲學 分蘋果的故事 覺得不錯 轉 發信站 bbs 碧海青天站 thu aug 16 13 01 06 2007 美國一位心理學家為了研究母親對人一生的影響，在全美選出50位成功人士和50名有 犯罪記錄的人，分別給他們去信，請他們談談母親對他...