0
  • トップバーがあります
  • トップバーで閲覧しています
  • ブラウズにカーソルを合わせると、黒い背景が表示されます
  • 黒い背景の外に出たときに、黒い背景を非表示にしたい

黒の背景を表示できます。問題は、背景が存在しているときに、ブラウズでもう一度ホバーすると、背景が消えて再び表示されることです。

私はそれをしたくありません。ホバーしたときにのみ背景が消えるようにしたい（表示されたら）。

http://jsfiddle.net/z9Unk/226/

問題

  • ITEM2 にカーソルを合わせます
  • 次に、ITEM2 の外に移動しますが、ブラック ボックス内にとどまります。
  • ITEM2 にもう一度カーソルを合わせると、 // ここでブラック ボックスが消えて再表示されます。

私が欲しいもの

  • ITEM2 にカーソルを合わせます
  • 次に、ITEM2 の外に移動しますが、ブラック ボックス内にとどまります。
  • ITEM2 にもう一度カーソルを合わせます // ここではブラック ボックスのままです...何も変わりません
  • ブラックボックスの外にカーソルを合わせます
  • ブラックボックスが消える。

助けてください。

HTML

<div class="item1">
  item1
</div>
<div class="item2">
    item2
</div>

CSS

.item1 {
  position:fixed;
  width:50%;
  height:320px;
  z-index:-1;
  top:0;
  background-color:black;
  opacity:0.85;
  display:none;
}

.item2 {
   position:fixed;
  top:32px;
  left:150px;
  color: red;
  font-size: 14px;
  font-weight:bold;
  text-transform:uppercase;
  z-index:1;

}

jQuery

$(".item2").hover(
    function() {
      $(".item1").fadeIn();
    },
    function() {
    }
);
$(".item1").hover(
    function() {
    },
    function() {
        $(".item1").fadeOut();
    }
);

www.vevo.com // トップバーのブラウズにカーソルを合わせます....同じ動作が必要です

4

2 に答える 2

1

両方の div を重ね合わせているため、'Item2' に少し残して、ここでもう一度試してください。

.item2 {
     position:fixed;
     top:32px;
     left:200px;
     color: red;
     font-size: 14px;
     font-weight:bold;
     text-transform:uppercase;
     z-index:1;}

http://jsfiddle.net/z9Unk/227/

于 2013-08-21T18:05:15.487 に答える