Chr*_*ndt 5 javascript jquery png transparency css3
我们在Flash中开发了一个测验,该测验使用了命中区来确定是否有人点击了图像的相应部分(想想"解剖测验").这些命中区域的轮廓非常繁琐,无法重复使用轮廓坐标数据......
现在,我们试图用HTML重新做这件事 - 所以,我们有一个股骨和png的背景图像,它在Z顺序中位于较高位置,其中一部分完全透明,而其他部分有50%的灰色.这用于教导学生在背景股骨图像上有什么东西.
我希望能够在'测验模式'中使用来自那个png面具层的数据来确定学生是否正确地点击了股骨的特定部分...我正在考虑将屏蔽png设置为100%透明度(所以学生没有看到它),但如果浏览器知道他们点击图像的正确区域(掩模上100%透明),他们就是正确点击了.
有关如何使用HTML,CSS和/或jQuery实现此目的的任何想法？
http://jsfiddle.net/cwolves/GaEeG/2/
C'est Voila!
(不能在IE中工作,图像必须与网站位于同一个域,因此没有外部图像 - 因此我在我的示例中使用了数据URI)
(或者更无聊的例子:http://jsfiddle.net/cwolves/GaEeG)
| 归档时间： |
|
| 查看次数： |
3262 次 |
| 最近记录： |