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

看板Ajax作者 (自立而後立人。)時間12年前 (2012/03/17 21:31), 編輯推噓3(305)
留言8則, 4人參與, 最新討論串3/4 (看更多)
※ 引述《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

03/17 21:56, , 1F
喔喔.... 這個是用拼出來的
03/17 21:56, 1F

03/17 22:36, , 2F

03/17 23:30, , 3F
有神快拜
03/17 23:30, 3F

03/18 02:44, , 4F
移動時再動態拼出整塊mask 腦袋打結 看了一陣子才看懂
03/18 02:44, 4F

03/18 02:45, , 5F
下次可以稍微解說一下作法嗎? =.=
03/18 02:45, 5F

03/18 14:17, , 6F
就作圓角時常用的九宮格啊 xd
03/18 14:17, 6F

03/18 14:37, , 7F
而且稍微用一下 firebug 看 dom tree 就可以看出端倪了吧XD
03/18 14:37, 7F

03/18 15:18, , 8F
更新了一個運算量小一點的版本 http://jsfiddle.net/JwDN8/9
03/18 15:18, 8F
文章代碼(AID): #1FP98VpW (Ajax)
文章代碼(AID): #1FP98VpW (Ajax)