Re: [問題] 有辦法做出穿透效果嗎?

[TonyQ (自立而後立人。)]

※ 引述《tomin (弱水三千 只取一瓢飲)》之銘言：
: : (點其他地方會點到紅色半透明的遮罩上)
: : 請問有辦法做到嗎？
: 我寫出一個還能用的版本  測試環境 Fx, Chrome
: 歡迎大家繼續修改它
: Demo: http://jsfiddle.net/J22kC/2/
: css圓角參考了推文裡的apple like
: 我可以理解為什麼apple like要有兩張重覆的圖片
: 我也是故意將div資料重覆第二份　
: 好像只能這樣做　才能同時做到穿透＋遮罩的效果
: 對了  還可以搜尋一下　Reading Blinds　也有類似效果
: 只是它是長方形　不是圓形

        不見得要複製內容啊，參考九宮格作法就好了。 ;)

        http://jsfiddle.net/JwDN8/2/


        雖然說這個臨時版本不是很圓，
        但只要參考 jquery.corner 改一下邏輯就可以更圓了。

        不過這種遮罩頁面不能出現太多個就是了 :P

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 111.80.156.227
推 LaPass:喔喔.... 這個是用拼出來的
→ TonyQ:http://jsfiddle.net/JwDN8/5/
推 coldollsheep:有神快拜
推 tomin:移動時再動態拼出整塊mask　腦袋打結　看了一陣子才看懂
→ tomin:下次可以稍微解說一下作法嗎？  =.=
→ TonyQ:就作圓角時常用的九宮格啊 xd
→ TonyQ:而且稍微用一下 firebug 看 dom tree 就可以看出端倪了吧XD
→ TonyQ:更新了一個運算量小一點的版本 http://jsfiddle.net/JwDN8/9