jqGrid编辑表单对话框模式背景移动页面的其余部分

时间:2012-07-16 11:40:36

标签: css jqgrid internet-explorer-9

我正在使用jqGrid 1.7.3。对于操作行,我使用jqGrid的表单编辑功能(模态对话框)。在Firefox和Chrome中一切正常,但如果涉及到Internet Explorer ......那么我该怎么说呢。

实际上编辑窗口显示正常,但对话框背后的背景并没有放在页面的其余部分,而是向下移动!

我实际上改变了css,但没有任何反应。因此,似乎背景通过jqgrid获取其css信息而不是任何css decleration。

有谁知道如何设置CSS正确?

提前致谢

1 个答案:

答案 0 :(得分:0)

我不确定您是否已经解决了这个问题,但我建议您检查浏览器的渲染模式,看看它是否以'怪癖'模式呈现HTML。我遇到了同样的问题,结果发现我的DOCTYPE声明错误导致Internet Explorer采用'quirks'渲染模式。

可能有更简单的方法,但我通过使用安装了DebugBar工具栏的程序IETester加载页面来确定渲染模式。然后通过查看DebugBar上的info选项卡,指定了渲染模式。

一旦我确认它在怪癖模式下运行,我就会查看不同的DOCTYPE声明选项。将DOCTYPE设置为

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

页面加载正常,JQgrid表单编辑对话框也正常工作。 IETester中指定的渲染模式显示“标准模式IE8”。