0

我Asp.Net jqGRid在我的一个页面中使用，没有问题。但是我有一个下拉菜单，在这个阶段只包含几个子菜单，我遇到的问题是我的子菜单出现在后面。jqGRid我不知道怎么做我解决了这个问题。我尝试给z-index包含菜单的 div 更高的值，但没有帮助。这是图像

在此处输入图像描述 任何建议都非常感谢。

谢谢

4

2 回答 2

1

因此，通过将以下样式设置为包含 jqGrid 的我的 div jgGridDiv 来解决问题。这是我的代码

#jqGridDiv
{
position:relative;
z-index:1;
}

现在工作正常。此外，我为包含菜单的 div 设置了更高的 z-index，这非常重要。

于 2012-05-09T05:25:03.477 回答
0

我建议您使用 Chrome 的开发人员工具来检查创建 jqGrid 的 div 的“计算样式”。

我知道您描述的效果可能会出现两个问题：

  • IE兼容模式的使用。这是只能在 Internet Explorer 中存在的问题。由于这个问题，我尝试<head>在每个有 jqGrid 的页面上放置该行<meta http-equiv="X-UA-Compatible" content="IE=edge" />。它适用于所有!DOCTYPEHTML5 !DOCTYPE( <!DOCTYPE html">) 例外。更安全的是设置"X-UA-Compatible"
<system.webServer>
    <httpProtocol>
        <customHeaders>
            <clear />
            <add name="X-UA-Compatible" value="IE=edge"/>
        </customHeaders>
    </httpProtocol>
</system.webServer>

（就像这里一样，但带有另一个"X-UA-Compatible"HTTP 标头值）

  • z-index将从您放置 jqGrid 的某些父 div 继承。在这种情况下，您可以考虑使用将分页器<table>和分页<div>器放置在附加的“容器”div 中，并设置为 divposition: relative; z-index: auto;或position: relative; z-index: 1;（或其他小值）的样式。
于 2012-04-30T10:03:52.123 回答