ホバーはグリッチ

Question

が

HTMLイメージスイッチに：

<div id="logo"></div>  
<div id="coming-soon"></div> 

はJavaScript：マウスが外されたとき

$(document).ready(function(){ 
    $("#logo").hover(
     function(){ 
      $("#logo").fadeTo(300, 0); 
      $("#coming-soon").fadeTo(300, 1.0); 
     }, 
     function(){ 
      $("#logo").fadeTo(300, 1.0); 
      $("#coming-soon").fadeTo(300, 0); 
     }); 
}); 

今#logo要素がホバーにフェードアウトして#coming-soonがフェードイン、およびその逆を私が欲しいものですが、色あせている新しい要素（「Coming Soon」のテキスト）をマウスでクリックすると、古い要素がフェードインされます。同じ地域でより長く

私の質問は、#coming-soon要素をホバリングしても元の要素がフェードバックしないようにするにはどうすればよいですか？

Answer 1

あなたは-1に#coming-soonのZインデックスを設定（または#logoに高いZインデックスを与える）ことができます。ありがとう、

$("#logo").hover(
    function(){ 
     $("#logo").stop().fadeTo(300, 0); 
     $("#coming-soon").stop().fadeTo(300, 1.0); 
    }, 
    function(){ 
     $("#logo").stop().fadeTo(300, 1.0); 
     $("#coming-soon").stop().fadeTo(300, 0); 
}); 

Answer 2

CSSの#coming-soonよりも高い数値の#logoを入力してください。

​​