IE8悬停/渲染旋转元素的bug

Question

我正在使用jQuery插件来制作带旋转文字标签的水平手风琴。它叫做easyAccordion，演示页面在这里：

http://www.madeincima.it/download/samples/jquery/easyAccordion/

我的问题，即使在他们的演示页面上也很明显，IE8似乎可以处理旋转元素（插件使用CSS Microsoft旋转过滤器），就好像可旋转/可点击区域没有旋转一样。这意味着只有按钮的顶部可以点击，达到元素宽度的大小。奇怪的是，这在IE7中可以正常工作，但在IE8中却没有。

是否有某些方法（CSS或其他）我可以解决此问题并允许整个元素可点击？

Answer 1

使用CSS过滤器进行旋转实际上只会转换DOM节点的绘制结果，而不是实际节点本身。这意味着与DOM节点的任何交互都不会覆盖与您在屏幕上看到的坐标相同的坐标。

我曾经创建了一个45度角的可变长度导航栏，但需要使用实际文本而不是图像。对于IE，我最终将整个事物分层透明图像映射，将鼠标事件委托回原始节点。