webkit 浏览器隐藏 LI A (display:block) 元素。有时

Question

我正在构建（有点实验性）菜单，它建立在经典的“ul li”基础上，除了“a”元素设置为 display:block 以实现精确定位和调整大小。一些 transform:rotate 也会出现，但这不会影响以下行为：

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

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

谢谢。

Answer 1

就我个人而言，我认为负边距和 css 旋转结合起来可能会有点痛苦。

如果我是你我会

1. 将 a.rotate 链接设置为绝对定位，这样它们就不会扰乱流程。
2. 转储负边距
3. 试一试

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

Answer 2

我不喜欢你使用边距的方法，它很复杂。认为风格搭配定位会更好。子元素的绝对位置