0 
<div id="growDiv"></div>
<select id="combobox">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>0</option>
</select>

<script>
  $('#growDiv').on('mouseover', function (){
    $(this).css('height', '200px');
  }).on('mouseout', function (){
    $(this).css('height', '75px');
  })
</script>

<style>
    #growDiv {
      width: 300px;
      height: 50px;
      background-color: gold;
      position: absolute;
      z-index: 1000;
    }

    #combobox {
      margin-top: 75px;
    }
</style>

あなたはそれを見ることができます: http://jsfiddle.net/dHN2K/

Safari で、ドロップダウン オプションを展開してから黄色の div を「ホバー」すると、オプションが一番上に表示されたままになります。これを修正するにはどうすればよいですか?

$('select').remove(); も試しました しかし、それはそこに残っています!!

ありがとうございました！

4

3 に答える 3

0

これはサファリ5.1.7で動作します

#growDiv:hover {
    height: 200px;
}

古いieでは機能しませんが、javascriptメソッドを使用できます

于 2013-02-14T13:15:37.113 に答える
0

マウスオーバーで選択を非表示にすることができます。 http://jsfiddle.net/dHN2K/2/

私が行った変更を参照してください。

  $('#growDiv').on('mouseover', function (){
    $(this).css('height', '200px');
      $("#combobox").hide();
  }).on('mouseout', function (){
    $(this).css('height', '75px');
       $("#combobox").show();
  })
于 2013-02-14T12:48:49.127 に答える
0

これは、いくつかの悲しい理由で私を悩ませていました! 長くて決定的な答えは次のとおりです。

#growDiv {
    width: 300px;
    height: 50px;
    background-color: gold;
    position:absolute;
    z-index: 0;
}

#combobox {
    margin-top: 75px;
    z-index:10;
    position:absolute;
}

#growDiv:hover {
    height:200px;
}

http://jsfiddle.net/49b6e/

于 2013-03-14T22:03:34.870 に答える