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

看板Ajax作者 (LaPass)時間12年前 (2012/03/16 17:41), 編輯推噓3(3014)
留言17則, 4人參與, 最新討論串1/4 (看更多)
就是說 http://i.imgur.com/rJm79.jpg
在網頁上弄一個div遮罩 然後指定某個區域,可以穿透 所謂的穿透,是指可以透明看到後面的東西 以及,滑鼠點下去後,可以觸發背後物件的點擊事件 (點其他地方會點到紅色半透明的遮罩上) 請問有辦法做到嗎? -- -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.59.16.65 LaPass:轉錄至看板 Web_Design 03/16 17:53

03/16 18:17, , 1F
你在指定區域外圍放一圈 div 比較快..
03/16 18:17, 1F

03/16 18:23, , 2F
可能可以. 再試. event.target.nextElementSibling
03/16 18:23, 2F

03/16 18:56, , 3F
可以css調整opacity : .7;剩下的自行組裝
03/16 18:56, 3F

03/16 19:50, , 4F
唔... 這麼不急著用,只是覺得做的出來的很炫。
03/16 19:50, 4F

03/16 19:51, , 5F
^話
03/16 19:51, 5F

03/16 21:01, , 6F
http://0rz.tw/wylWL 這邊有套件可以用
03/16 21:01, 6F

03/16 21:59, , 7F
好神... 這怎麼辦到的? @@
03/16 21:59, 7F

03/16 22:40, , 8F
= =" 那不是穿透,是他在上面的DIV放張一模一樣的背景圖...
03/16 22:40, 8F

03/16 22:59, , 9F
你把圖的位置拿掉,放自己做的穿透div,穿透得調CSS
03/16 22:59, 9F

03/17 01:17, , 10F

03/17 01:20, , 11F
ie 會有bug , ff & chrome work.
03/17 01:20, 11F

03/17 01:24, , 12F
遮罩就要試著用cavans 來做了
03/17 01:24, 12F

03/17 01:47, , 13F
啊.... 如果背景只是簡單的圖的話,那用amos貼的那個網址的
03/17 01:47, 13F

03/17 01:48, , 14F
方法,擺一張圖上去就ok了,然後點擊就用alpe那個方法穿透
03/17 01:48, 14F

03/17 01:49, , 15F
點擊。只是,如果是複雜圖形的話,恐怕還是要用cavans之類
03/17 01:49, 15F

03/17 01:49, , 16F
的....
03/17 01:49, 16F

03/19 14:09, , 17F
啊... 我的作法有問題, 是錯得 =_=a
03/19 14:09, 17F
文章代碼(AID): #1FOmhWYt (Ajax)
文章代碼(AID): #1FOmhWYt (Ajax)