1

「a」要素がdisplay:blockに設定されていることを除いて、古典的な「ul li」ベースに基づいて構築された(ちょっと実験的な)メニューを構築して、正確な位置とサイズを有効にします。一部の transform:rotate も表示されますが、これは次の動作には影響しません:

Webkit 以外のすべてのブラウザは、ここにすべてのメニュー項目を同じように (正しく) 表示します。ただし、Webkit は子アイテム (「アイテム 2a」、「アイテム 2b」、「アイテム 3a」、...) を非表示にします。リンクが表示されるはずの領域にカーソルを置いているときにカーソルが変化すると、リンクは明らかに存在しますが、表示されません。奇妙なことに、これらの非表示要素のサイズを、指定されたスペース (親 LI の高さ) とわずかに重なるように設定すると、それらが表示されます ( here )

ここで何が起こっているか知っていますか?

ありがとう。

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 に答える