2013-03-13 41 views
2

我正在使用jQuery插件来生成带有旋转文本标签的水平手风琴。这就是所谓的easyAccordion和演示页是在这里:IE8悬停/呈现旋转元素的bug

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

我的问题,甚至对他们的演示页是显而易见的是,IE8似乎把旋转元素(插件使用CSS微软旋转过滤器),就好像可移动/可点击区域不旋转。这意味着只有按钮的顶部是可点击的,以及元素宽度的大小。奇怪的是,这在IE7中正常工作,但与IE8无关。

是否有某种方式(CSS或其他),我可以解决此问题,并允许整个元素可点击?

+0

这个问题http://stackoverflow.com/questions/8876322/rotating-clickable-elements-in-ie8?rq=1似乎表明该错误不存在于IE8本身(我正在使用IE8文档从IE9内部模式)。如果任何人能够使用上面的链接来确认这一点,将不胜感激。 – BrynJ 2013-03-13 16:47:47

+0

我在IE8中没有看到任何可疑的东西。它的工作方式就像在铬合金中一样。 – Branislav 2013-03-13 23:48:11

+0

[截图](http://i50.tinypic.com/2s7sz6g.jpg) – Branislav 2013-03-13 23:59:26

回答

1

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

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