作者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)
1F:推 amos6064:push 03/17 11:57
2F:推 peanut97:酷! 用pcman的IE6开 会变成正方形XD 03/17 12:42
3F:→ LaPass:超酷~~ 03/17 19:11