弹出窗口中的选择框在 Internet Explorer 中不起作用
我们有一个使用 AbsoluteBox 具有弹出表单的 Web 应用程序,由于某种原因,仅在 Internet Explorer 中,下拉菜单无法打开。您可以使用箭头键浏览内容,但无法使用鼠标查看选择或选择任何内容。 Firefox 和 Chrome 没有问题。有什么想法吗?
.absoluteBox
{
display: none;
position:absolute;
/*background-color: #8a919e;*/
background-color:#D6D7E7;
border:solid 1px #4f6375;
-moz-border-radius:7px;
padding:5px 4px;
z-index:auto;
}
loadForm('birth', 'birth', '', function () {});
<div id="birth" class="absoluteBox lfloat" style="left:20px;height:500px;"></div>
We have a web application that has popup forms using AbsoluteBox and for some reason, only in Internet Explorer, dropdowns do not open. You can go through the contents with the arrow keys, but you can not see the selections or choose anything by using the mouse. Firefox and Chrome have no problems. Any ideas?
.absoluteBox
{
display: none;
position:absolute;
/*background-color: #8a919e;*/
background-color:#D6D7E7;
border:solid 1px #4f6375;
-moz-border-radius:7px;
padding:5px 4px;
z-index:auto;
}
loadForm('birth', 'birth', '', function () {});
<div id="birth" class="absoluteBox lfloat" style="left:20px;height:500px;"></div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
Internet Explorer 有 z 索引错误。您必须从实数 (1) 开始,然后从那里向上。 Auto 可能会导致问题,请尝试将其更改为 1 或完全删除它。 Z-index 是从父元素继承的,因此如果 auto 是您的首选行为,请将其删除。
Internet Explorer has a z-index error. You must start at a real number (1) and go up from there. Auto may cause an issue, try either changing it to 1 or removing it completely. Z-index is inherited from the parent element, so if auto is your preferred behaviour, remove it.
我认为这与
z-index:auto;
有关,也许 IE 没有渲染前面的元素,因此鼠标无法访问它们(但表单元素总是(?)可通过按键访问)。I'm thinking it has to do with
z-index:auto;
Perhaps IE is not rendering the elements in front, and they are thus not accessible to the mouse (but form elements are always(?) accessible to keys).