作者LaPass (LaPass)
看板Ajax
標題[問題] 有辦法穿透效果嗎?
時間Fri Mar 16 17:41:50 2012
就是說
http://i.imgur.com/rJm79.jpg
在網頁上弄一個div遮罩
然後指定某個區域，可以穿透
所謂的穿透，是指可以透明看到後面的東西
以及，滑鼠點下去後，可以觸發背後物件的點擊事件
(點其他地方會點到紅色半透明的遮罩上)
請問有辦法做到嗎？
--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.59.16.65
※ LaPass:轉錄至看板 Web_Design 03/16 17:53
1F：→ tyf99:你在指定區域外圍放一圈 div 比較快.. 03/16 18:17
2F：推 alpe:可能可以. 再試. event.target.nextElementSibling 03/16 18:23
3F：→ amos6064:可以css調整opacity : .7;剩下的自行組裝 03/16 18:56
4F：→ LaPass:唔... 這麼不急著用，只是覺得做的出來的很炫。 03/16 19:50
5F：→ LaPass: ^話 03/16 19:51
7F：→ LaPass:好神... 這怎麼辦到的? @@ 03/16 21:59
8F：→ LaPass:= =" 那不是穿透，是他在上面的DIV放張一模一樣的背景圖... 03/16 22:40
9F：→ amos6064:你把圖的位置拿掉，放自己做的穿透div,穿透得調CSS 03/16 22:59
11F：→ alpe:ie 會有bug , ff & chrome work. 03/17 01:20
12F：→ alpe:遮罩就要試著用cavans 來做了 03/17 01:24
13F：→ LaPass:啊.... 如果背景只是簡單的圖的話，那用amos貼的那個網址的 03/17 01:47
14F：→ LaPass:方法，擺一張圖上去就ok了，然後點擊就用alpe那個方法穿透 03/17 01:48
15F：→ LaPass:點擊。只是，如果是複雜圖形的話，恐怕還是要用cavans之類 03/17 01:49
16F：→ LaPass:的.... 03/17 01:49
17F：推 alpe:啊... 我的作法有問題, 是錯得 =_=a 03/19 14:09