Wanna"> Wanna"> Wanna" />

divタグの位置を修正する

Javascript

$("#col").hover(function (){
   $("#cool").toggle();
});

<div>
  • Sports
</div> <div style="position:fixed;z-index:-1"> Wanna be? </div>

私はドローダウンメニューリストを作成しようとしていました.1つのケースを除いて、期待どおりにうまくいきます。スポーツワードにマウスを合わせると、テニスとバスケットボールが出現するように見えますが、プッシュダウンされているが、私はその位置を固定したい。私は-1を使用して位置固定とZインデックスを使用して、私は彼らがこれらの方法で使用されている場合は知っていないが、私はGoogleでそれらを見つけた

しかし、まだ言葉になりたいですか?ホバー効果でダウンしていますが、ホバーが効き始めるとテニスとバスケットボールメニューの後ろにあるはずです。

これらを手伝ってください。どんな助けでも大歓迎です。ありがとう

0
1つのことはすべてポジションを言いますが絶対的ですが、それはそれが異なるブラウザに悪影響を与えますか?
追加された 著者 niko,
私は人々がポジションアブソリュートを絶対使用しないと言ったと聞いた
追加された 著者 niko,
修正する方法(現在はCSSの高さがハードコードされていますが、JavaScript/jQueryを使用して動的に設定できます): jsfiddle.net/xbjzp
追加された 著者 Rob W,

3 答え

position:absolute; を "cool" ULに追加するだけです

<div>
  • Sports
<div style=" z-index:-1"> Wanna be? </div> </div>

check this demo

1
追加された

これにはいくつかの回避策があります。

最初に、 top left のCSSプロパティを使用して、固定divの位置を実際に指定して固定divの位置を修正します。

0
追加された
私はそれが重複していないようにしたい要素の重複を見つける
追加された 著者 niko,

#colリストの位置を "絶対"に設定したいかもしれません。そうすれば、リスト全体がHTML文書内のスペースを占めることはなく、変更されたときには移動しません。

0
追加された
しかし、私は要素の重なりを見る
追加された 著者 niko,