0

次の html の「選択」は IE9.0 では機能しますが、Firefox 10.0、Safari 5.1.7、および Chrome 26.0 でクリックするとドロップダウンに失敗します。なんで？

私はより複雑な Web ページの問題に直面しており、この単純なケースに切り分けるのに時間を費やしました。問題が発生するには、残りのすべての要素とスタイルが存在する必要があるようです。

<h1>A</h1>
<div style="margin-top: 3px; float: right;">
   <select>
      <option value="1">B</option>
      <option value="2">C</option>
   </select> 
</div>
<div style="position: relative;">
   D
</div>
4

1 に答える 1

0

ここに答えがあります。相対的に配置された D 要素は、選択ボックスの上にあります。下部をクリックすると選択できます。相対的に配置された div よりも高い z-index を持つように選択を設定するか、div の幅を変更してみてください。

解決策：

<h1>A</h1>
<div style="margin-top: 3px; float: right;">
   <select>
      <option value="1">B</option>
      <option value="2">C</option>
   </select> 
</div>
<div style="position: relative; width:50px;">
   D
</div>
于 2013-05-08T18:21:37.780 に答える