jquery - 在弹出窗口中选择框在 Internet Explorer 中不起作用

标签 jquery html css internet-explorer

我们有一个 Web 应用程序,它使用 AbsoluteBox 弹出表单,出于某种原因,仅在 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>

最佳答案

Internet Explorer 有一个 z-index 错误。您必须从一个实数 (1) 开始,然后从那里上升。 Auto 可能会导致问题,请尝试将其更改为 1 或将其完全删除。 Z-index 是从父元素继承的,所以如果 auto 是您的首选行为,请将其删除。

关于jquery - 在弹出窗口中选择框在 Internet Explorer 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7401898/

相关文章:

Javascript 幻灯片无法在多个页面上运行

java - 如何在HTML页面中嵌入android模拟器

html - 单击时如何使图像放大?

javascript - jquery:调用切换方法后,图像上的图像不会出现在屏幕上

html - margin-top 不适用于 css 中的背景图像

android - 工具栏的水平滚动不适用于移动设备

javascript - Select2 JS 使用 Ajax 加载远程数据

Jquery返回post数据

javascript - application/ld+json与javascript数据交换

javascript - 它是当前运行脚本的最后一个 `script` 元素吗?