前端求助：怎么控制不规则的 div

[ibeta]

需求：
1. 4个兄弟图片，是如下图的不规则的多边形 图片见 http://loveqq.me/v2sos/m2.png
2. 每次选取一个元素，高亮(加阴影)，进行坐标调整，尺寸变换。

过程：
1. 使用span画出一个遮盖层，满足要求，但是兼容性很差，细节完全没法调整。代码见http://loveqq.me/v2sos/help.html
2. 使用css border画一个多边形遮盖曾，但是无法高亮和尺寸变换。参考了http://t.cn/RLms8Xi
3. 使用svg 画一个多边形，这个看了一天连阴影都没加上。。。参考了http://t.cn/RLmsjXU

问题：
1. 遇到这样的情况，大家会怎么处理呢？希望能给个思路。谢谢
2. 我是想做一个多边形的div，这样控制阴影，尺寸坐标都会比较好调整，但是不知道怎么实现o(╯□╰)o

[ljbha007]

直接上成品效果的图片 oh yeah

[ibeta]

@ljbha007 能上就不用这么纠结了(>﹏<)

[Septembers]

svg绘制

[P233]

我会这么写吧 http://jsbin.com/jibehagawu

[ibeta]

@P233 最后用transform 2D 做了个遮盖层解决了，十分感谢。