webkit浏览器隐藏LI A（显示：块）元素。有时

Question

我正在构建（有点实验性）菜单，它建立在经典的'ul li'基础上，除了'a'元素设置为显示：块以实现精确定位和大小调整。一些变换：也会出现旋转，但这不会影响以下行为：

除webkit之外的所有浏览器都以相同的方式显示所有菜单项here（正确）。但是webkit隐藏了子项（“项目2a”，“项目2b”，“项目3a”，......）。链接显然存在为光标变化，同时将鼠标悬停在应该出现的区域上，但它们不可见。奇怪的是，当我将这些不可见元素的大小设置为略微重叠其指定空间（其父LI的高度）时，它们看起来是可见的（here）

你知道这里发生了什么吗？

感谢。

Answer 1

我不喜欢使用边距的方法，这很复杂。认为定位时更好。子元素的绝对位置

Answer 2

就个人而言，我认为负边距和css轮换相结合可能会有点痛苦。

如果我是你，我会

1. 将a.rotate链接设置为绝对定位，因此它们不会扰乱流程。
2. 转储负边距
3. 稍微玩一下

我在这里做了这个例子：http://jsfiddle.net/958qQ/ 其余的应该很容易。