选择IE8问题 - 移动鼠标到选项关闭选择框

时间:2012-12-14 16:45:59

标签: internet-explorer-8 option

基本上问题是悬停(或悬停div)中包含的选择框不允许您实际选择一个选项 - 当您从选择框移动到选项时,悬停失去焦点并关闭。仅在IE8及以下版本中发生,因为据我所知,这些选项不被视为IE8或更早版本中选择框的实际部分。

在这里以最基本的形式展示:

http://jsfiddle.net/3qVv7/88/

仅在IE8及更早版本中发生。

我认为理想的解决方案是一个更通用的脚本,可以重置IE8或更早版本中的select和options,就像在其他所有内容中一样。 Chrome,FF,IE9 +等没问题。

谢谢!

HTML

<div id="button_box"><h2>Hover This</h2>
    <div id="form_box">
        <form action="#" method="post">
            <select id="select_option" onChange="Javascript:doSomething();">
                <option value="a">Value A</option>
                <option value="a">Value B</option>
                <option value="a">Value C</option>
                <option value="a">Value D</option>
                <option value="a">Value E</option>
            </select>
        </form>               
    </div>
</div>

CSS

#button_box { display:block; width: 150px; height: 75px; position:relative; background: #ddd; }

#button_box h2 { text-align: center }

#button_box #form_box { display: none; position:relative; width: 150px; background: #ccc }

#button_box:hover #form_box { display:block }

#form_box select { background: #bbb }​

0 个答案:

没有答案