作者TonyQ (自立而後立人。)
看板Ajax
标题Re: [问题] 有办法做出穿透效果吗?
时间Sat Mar 17 21:31:08 2012
※ 引述《tomin (弱水三千 只取一瓢饮)》之铭言：
: : (点其他地方会点到红色半透明的遮罩上)
: : 请问有办法做到吗？
: 我写出一个还能用的版本 测试环境 Fx, Chrome
: 欢迎大家继续修改它
: Demo: http://jsfiddle.net/J22kC/2/
: css圆角参考了推文里的apple like
: 我可以理解为什麽apple like要有两张重覆的图片
: 我也是故意将div资料重覆第二份
: 好像只能这样做 才能同时做到穿透＋遮罩的效果
: 对了 还可以搜寻一下 Reading Blinds 也有类似效果
: 只是它是长方形 不是圆形
不见得要复制内容啊，参考九宫格作法就好了。 ;)
http://jsfiddle.net/JwDN8/2/
虽然说这个临时版本不是很圆，
但只要参考 jquery.corner 改一下逻辑就可以更圆了。
不过这种遮罩页面不能出现太多个就是了 :P
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 111.80.156.227
1F：推 LaPass:喔喔.... 这个是用拼出来的 03/17 21:56
3F：推 coldollsheep:有神快拜 03/17 23:30
4F：推 tomin:移动时再动态拼出整块mask 脑袋打结 看了一阵子才看懂 03/18 02:44
5F：→ tomin:下次可以稍微解说一下作法吗？ =.= 03/18 02:45
6F：→ TonyQ:就作圆角时常用的九宫格啊 xd 03/18 14:17
7F：→ TonyQ:而且稍微用一下 firebug 看 dom tree 就可以看出端倪了吧XD 03/18 14:37