jquery - 旋转元素的 IE8 悬停/渲染错误

Question

我正在使用 jQuery 插件生成带有旋转文本标签的水平 Accordion 。它叫做 easyAccordion，演示页面在这里:

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

我的问题，即使在他们的演示页面上也很明显，IE8 似乎将旋转元素(该插件使用 CSS Microsoft 旋转过滤器)视为悬停/可点击区域未旋转。这意味着只有按钮的顶部是可点击的，大小为元素的宽度。奇怪的是，这在 IE7 中可以正常工作，但在 IE8 中却不能。

有什么方法(CSS 或其他方法)可以解决这个问题并让整个元素都可以点击吗？

Answer 1

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

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