个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我创建了一个 CSS3 下拉菜单，工作完美直到我的任务是添加一个选择框来选择预设主题
然后出现了 IE 11、Edge 和 Firefox 的问题
以下只是我运行的脚本的一个非常基本的版本，但结果仍然相同
HTML:
#menu {
background: green;
}
#menu li {
list-style: none;
float: left;
padding: 5px;
}
#subMenuItems {
display: none;
background: red;
background-color: red;
}
#subMenuItems li {
float: none !important;
}
#menu li:hover #subMenuItems {
display: block;
}<div id="menu">
<ul id="menuContent">
<li>
Item 1
<ul id="subMenuItems">
<li>
<select>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
</select>
</li>
</ul>
</li>
<li>Item 2
<ul id="subMenuItems">
<li>Test1</li>
<li>Test 2</li>
<li>Test 3</li>
</ul>
</li>
<li>Item 3
<ul id="subMenuItems">
<li>Test 1</li>
<li>
<select name="D1">
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
</select>
</li>
<li>Test 2</li>
<li>Test 3</li>
</ul>
</li>
</ul>
</div>复制我得到的结果:1) 将鼠标悬停在元素 1 或元素 3 上即可查看菜单2)在此菜单内将有一个选择3) 单击选择箭头展开菜单4)将鼠标光标移离菜单(使其隐藏)
在 IE 11 和 Edge 中您应该看到选择的下拉菜单仍然可见
Firefox 将隐藏所有内容(正如它应该的那样)但重复步骤 1 和 2并且选择下拉菜单仍然被消耗当您将鼠标悬停在下拉菜单中时，即使您仍然将鼠标悬停在 li 元素上，它也会隐藏菜单，并且菜单应该保持可见
我的问题:这只是浏览器的一个错误吗？我的代码有错误吗？有什么解决方案吗？
最佳答案
这并不是 select 函数的一个很好的用途，因为它是一个 form-element-submit 元素。
select 是为表单创建的，以便某人可以加载选择并提交。
我想您可以在菜单结构中使用选择，但它需要包含鼠标事件，以便选择操作有一些事情要做。
this is the code I played with:
<!DOCTYPE html>
<html>
<head>
<style>
#menu {
background: green;
}
#menu li {
list-style: none;
float: left;
padding:5px;
}
#subMenuItems {
display: none;
background-color: red;
}
#subMenuItems li {
float: none !important;
}
#subMenuItems li:hover {
color: yellow;
background-color: black;
}
#menu li:hover #subMenuItems {
display: block;
}
</style>
</head>
<body>
<div id="menu">
<ul id="menuContent">
<li>
Item 1
<ul id="subMenuItems">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</li>
<li>Item 2
<ul id="subMenuItems">
<li>Test1</li>
<li>Test 2</li>
<li>Test 3</li>
</ul>
</li>
<li>Item 3
<ul id="subMenuItems">
<li>a</li>
<select name="D1">
<option onclick='Javscript:alert("box1")'>1</option>
<option onclick='Javscript:alert("box2")'>2</option>
<option onclick='Javscript:alert("box3")'>3</option>
</select>
<li>b</li>
<li>c</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
关于CSS3 菜单和选择菜单 - 在 IE 和 Firefox 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39489835/
24
4
0
我已经为桌面和移动 Firefox 开发了一些 Firefox 插件(扩展)，但现在我无法将插件/扩展安装到在 Firefox OS 中运行的浏览器中(我正在使用模拟器插件)。请注意，我不想创建一个传
可以将选项卡/网址从移动 Firefox 发送到桌面 Firefox 浏览器，但是否可以以相反的方式执行此操作？从桌面版 Firefox 到移动版 Firefox，并像其他方向一样自动加载。我找不到除
我想等待 Firefox-Browser-Events (sessionstore-windows-restored, user-interaction-inactive,..) 以清除历史记录。我的
我在公司网络中，想为 Firefox 安装一些开发人员工具。不幸的是，政策禁止 Firefox 直接访问互联网，但还有其他浏览器可以访问互联网。现在:如何在没有 Firefox 的情况下直接下载 xp
是否有用于在 firefox 中执行选择性缓存的插件或方法？我可以disable caching entirely ，但我仍然希望能够缓存一些需要几秒钟才能加载的大型 javascript 库 (ex
我目前正在将 Chrome 扩展程序转换为 Firefox 插件，并希望复制 chrome.storage.sync 功能。 但是，我无法使用 simple-storage 找到是否由 Firefox
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 6年前关闭。 Improve thi
所以，我使用这个代码: var options = { enableHighAccuracy: true, timeout: 2000, maximumAge: 100 }; navi
有没有办法打开 Firefox 并强制它在启动时加载临时加载项(webextension)？通常我必须手动去about:debugging并选择我硬盘上的扩展名。我正在寻找一个可以在加载 Firefo
我正在密切关注教程 here当我尝试创建 Firefox 扩展时。我的扩展有以下树: backtosearch +-chrome +-content backtosearch.
如何从代码中正确地重启 firefox(没有任何“恢复 session ”的东西并且使用与以前相同的窗口)？ 我知道 bash 脚本进程中“firefox-bin”的 pid，并且我已将自定义插件加载
自从 Firefox 的最后几次更新以来，我们心爱的 Firebug 已集成到 Firefox 开发人员工具中，并且包括我在内的很多人 don't like what happened到 Firebu
当你在某处上传图片时，在使用chrome时，你可以看到状态栏实际上显示了上传的“状态”，即上传完成的百分比。 Firefox 的状态栏有没有办法显示这个上传状态？ 最佳答案 用谷歌搜索这个，发现这个:
例如 Chrome 保存在这里:~Library/Application Support/Google/Chrome/Default/Current Tabs和 Safari 在这里 ~/Librar
当火狐开发者版推出时，我很高兴，我可以使用WebIde、响应式设计工具、滴管等……今天我受够了。 里面有很多bug，我就不一一列举我和我的同事发送和批准了多少bug了…… 我在 google 中搜索过
我在 Ubuntu 上使用 Firefox，版本 39.0。我正在尝试调试一个附加组件，并希望在 chrome 权限下运行一些 JavaScript。根据 this page我应该能够在浏览器控制台中
几天前，我更改了我的网站的图标:打开网站后，它可以很好地工作: 我的网站也在我的书签中，但是显示了旧的收藏夹图标: 我已经看过here，但是答案并没有解决我的问题。 解决方法可能非常简单，但是到目前为
我正在使用web API从Firefox开发一个 native 消息传递应用程序。该扩展应该调用一个解析stdin的应用程序，然后基于它解析的一些数据调用我的另一个rust应用程序，但是出于显而易见的
在 Firefox 中有插件和扩展。你能解释一下为什么这些插件有不同的名称和标签吗？它们是否差异如此之大，以至于需要不同的名称？我认为区分这些东西有点不自然，扩展具有越来越多的功能，与插件相比它们缺少
我正在使用附加构建器和附加 SDK 编写 Firefox 扩展。到目前为止，我已经能够解决任何限制，而无需迁移到 XUL。但是，我遇到了障碍。 我的扩展程序有一个长时间运行的进程，可能会阻塞，因此我需
我是一名优秀的程序员,十分优秀！