对角jquery网格上的hoverstate

Question

我正在尝试创建此网格：

我已经使用jQuery生成了一些html，并使用jQuery.rotate进行了旋转。现在我的div彼此重叠导致我的悬停状态出现问题。

无法找到任何看起来像这样的问题，有人之前做过这样的事吗？

如果您需要查看代码，我可以发布html / css和javascript。因为它是相当多的代码，我会按要求做到这一点。

Answer 1

很好地堆叠太多次潜水并不是我认为的好主意。 为什么不尝试使用svg代替..那些是为这种情况而制造的.. 但如果您仍想使用div，请向我们展示您项目的代码.. :)

Answer 2

为什么不对具有绝对定位的每个块使用css transform-rotate ，然后您可以使用jQuery将所有内容的顶部和左侧属性设置到网格上。我在http://neolab.no/上发现了类似的东西。在这里，他们还使用媒体查询来重新定位每个块。