作者tomin (弱水三千 只取一瓢飲)
看板Ajax
標題Re: [問題] 有辦法做出穿透效果嗎?
時間Sat Mar 17 03:07:30 2012
※ 引述《LaPass (LaPass)》之銘言:
: 就是說
: http://i.imgur.com/rJm79.jpg
: 在網頁上弄一個div遮罩
: 然後指定某個區域,可以穿透
: 所謂的穿透,是指可以透明看到後面的東西
: 以及,滑鼠點下去後,可以觸發背後物件的點擊事件
: (點其他地方會點到紅色半透明的遮罩上)
: 請問有辦法做到嗎?
我寫出一個還能用的版本 測試環境 Fx, Chrome
歡迎大家繼續修改它
Demo:
http://jsfiddle.net/J22kC/2/
css圓角參考了推文裡的apple like
我可以理解為什麼apple like要有兩張重覆的圖片
我也是故意將div資料重覆第二份
好像只能這樣做 才能同時做到穿透+遮罩的效果
對了 還可以搜尋一下 Reading Blinds 也有類似效果
只是它是長方形 不是圓形
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.24.66.46
※ 編輯: tomin 來自: 114.24.66.46 (03/17 03:09)
推 amos6064:push 03/17 11:57
推 peanut97:酷! 用pcman的IE6開 會變成正方形XD 03/17 12:42
→ LaPass:超酷~~ 03/17 19:11