2011-12-20 12 views
0


ホバーにDIVを挿入しようとすると、次のコンテンツが下に移動して、新しく挿入されたDIVのスペースが得られます。そしてなぜ新しく挿入されたDIVが#a DIVから離れたときに削除されたのですか?新しく挿入されたDIVにオーバーレイを適用するには

+0

私はあなたが必要としていることを理解していますか分かりません。下のコンテンツの動きは完全に正常です。独自のスペースを持つ要素を追加しているので、残りの要素は下に移動します。削除されているdivは、マウスオーバー時に#new divを削除するホバーイベントの2番目の関数も原因です。何を達成しようとしていますか? – Andri

答えて

1

あなたはポップアップdiv要素をしたい場合は、$.hover()

に2番目のパラメータでそれを指示されるので、divが正しく削除されていることをhttp://jsfiddle.net/jfSGW/6/

のようにposition: absoluteを使用する必要があります最終的に取り除かれるが、あなたがその上に乗っている間にくっついて、あなたは何か李をすることができるhttp://jsfiddle.net/jfSGW/13/

+0

"a" DIVを残して、 "New" DIVにマウス(ホバー)を入力すると、 "New"を削除しないようにする方法。 – Exception

+0

@このように:http://jsfiddle.net/jfSGW/11/ –

+0

このようにhttp://tympanus.net/Tutorials/OverlayEffectMenu/ – Exception

1

あなたは、CSSでトップに要素を配置する必要があります:position:absolute;

#New 
{ 
height:40px; 
width:100%; 
background-color:red; 
position:absolute; 
} 

それはあなたが「アウトホバー」コールバックからコード$('#New').remove();を削除する必要がそこに滞在しています。

1

私はあなたがポップアップdivの内容の残りの部分に表示するために0以上の位置とz-インデックスを設定する必要があると思います。

関連する問題