[問題] 有辦法穿透效果嗎?

[LaPass (LaPass)]

就是說
http://i.imgur.com/rJm79.jpg

在網頁上弄一個div遮罩
然後指定某個區域，可以穿透
所謂的穿透，是指可以透明看到後面的東西
以及，滑鼠點下去後，可以觸發背後物件的點擊事件
(點其他地方會點到紅色半透明的遮罩上)

請問有辦法做到嗎？



--

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 61.59.16.65
※ LaPass:轉錄至看板 Web_Design                                    03/16 17:53
→ tyf99:你在指定區域外圍放一圈 div 比較快..
推 alpe:可能可以. 再試. event.target.nextElementSibling
→ amos6064:可以css調整opacity : .7;剩下的自行組裝
→ LaPass:唔... 這麼不急著用，只是覺得做的出來的很炫。
→ LaPass:                                      ^話
→ amos6064:http://0rz.tw/wylWL 這邊有套件可以用
→ LaPass:好神... 這怎麼辦到的? @@
→ LaPass:= =" 那不是穿透，是他在上面的DIV放張一模一樣的背景圖...
→ amos6064:你把圖的位置拿掉，放自己做的穿透div,穿透得調CSS
推 alpe:http://www.mervynw.info/opacity/
→ alpe:ie 會有bug , ff & chrome work.
→ alpe:遮罩就要試著用cavans 來做了
→ LaPass:啊.... 如果背景只是簡單的圖的話，那用amos貼的那個網址的
→ LaPass:方法，擺一張圖上去就ok了，然後點擊就用alpe那個方法穿透
→ LaPass:點擊。只是，如果是複雜圖形的話，恐怕還是要用cavans之類
→ LaPass:的....
推 alpe:啊... 我的作法有問題, 是錯得 =_=a