webkit瀏覽器隱藏LI A（顯示：塊）元素。有時

Question

我正在建立（有點實驗性）菜單，除了'a'元素被設置爲顯示：經典的'uli'基礎上構建，以實現精確定位和調整大小。一些變換：旋轉也會出現，但這不會影響以下行爲：

除webkit之外的所有瀏覽器都以相同方式（正確）顯示所有菜單項here。但webkit隱藏了子項目（'項目2a'，'項目2b'，'項目3a'，...）。當鼠標懸停在應該出現的區域上時，鏈接顯然存在於光標變化中，但它們不可見。奇怪的是，當我將這些不可見元素的大小設置爲略微重疊指定空間（它們的父LI的高度）時，它們看起來可見（here）

您知道這裏發生了什麼嗎？

謝謝。

Answer 1

就我個人而言，我認爲負邊距和CSS旋轉相結合可能有點痛苦。

如果我是你，我會

1. 將a.rotate鏈接絕對定位，所以他們不打亂流。
2. 轉儲切緣陰性
3. 玩它有點

我在這裏做這個例子：http://jsfiddle.net/958qQ/ 其餘部分應該很容易。

Answer 2

我不喜歡使用邊距的方法，它很複雜。認爲這將更好地定位風格。子女元素的絕對位置