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



我使用jQuery插件生成一个水平手风琴与旋转文本标签。它叫easyAccordion演示页面在这里

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

我的问题,这是明显的,即使在他们的演示页面是IE8似乎对待旋转元素(插件使用CSS微软旋转过滤器),如果悬停/可点击区域没有旋转。这意味着只有按钮的顶部是可点击的,其大小与元素的宽度相同。奇怪的是,这在IE7中可以正常工作,但在IE8中却不能。

是否有一些方法(CSS或其他),我可以解决这个问题,并允许整个元素是可点击的?

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

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

最新更新