1

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

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

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

谢谢。

4

2 回答 2

1

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

于 2012-05-04T13:22:33.270 回答
1

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

如果我是你我会

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

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

于 2012-05-04T13:23:20.120 回答