html - 在选择选项菜单上悬停时失去焦点

标签 html menu internet-explorer-8

我有一个菜单,菜单中的一项是 select 元素。仅在 IE 8 中,当我将鼠标悬停在选择 options 上时,菜单会失去焦点并关闭。它在 Firefox 中运行良好。任何帮助将不胜感激

可以引用this代码的 fiddle 。

注意:我对使用 jsjquery

的解决方案持开放态度

EDIT :我不想选择替代方案。

最佳答案

删除 SELECT 选项。尝试用子列表替换它:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

    <body>
    <ul> Numbers
        <li>1</li>
        <li>2</li>
        <li>3</li>        
        <li>
            Select  -->
            <ul>
                <li>
                    One
                </li>
                <li>
                    Two
                </li>
                <li>
                    Three
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>

这适用于 Chrome 和 IE。

关于html - 在选择选项菜单上悬停时失去焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11831632/

相关文章:

html - 移动滑动推送导航

html - 为什么内联 block 的内容会影响它在容器中的位置

android - onCreateOptionsMenu() 没有在 FragmentActivity 上被调用

internet-explorer-8 - IE 8 Doc 模式 - &lt;meta http-equiv ="x-ua-compatible"content ="IE=8"> 的优缺点

javascript - “文档”为空或不是对象

html - 格式化电子邮件布局问题 Outlook 2013 - Windows 7

html - CSS block 将左边距 float 到整个父宽度

html - 汉堡导航不可点击 - 已检查脚本和 CDN

javascript - 我想将菜单固定在顶部

.net - 在 IE8 中嵌入 .NET 用户控件