Question

信不信道，在ie8的模态对话框中100％宽度特征似乎无法正常工作。

查看这个简单的示例代码。

var retVal = window.showModalDialog(URL,window.self, "dialogWidth=600px;dialogHeight=305px;scroll=yes;status=yes;caption=yes;titlebar=yes;menubar=yes;toolbar=yes;help=yes;resizable=yes;center=yes;");


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
    <head>
    </head>
    <body>
        <div id="temp" style="width: 100%; height: 500px; border:1px solid red;">
        </div>
    </body>
</html>

运行此代码，然后调整弹出窗口的大小。请注意，红色div保持原始大小，而不是100％。我注意到ff有正确的行为。

有一个词汇吗？

GRAE

Answer 1

您需要处理resize事件，否则对话框的宽度不会改变。

http://msdn.microsoft.com/en-us/library/system.windows.forms.control.resize.aspx

我使用jQuery来执行事件处理，因为跨浏览器支持...

模态对话框中的对象（showModalDialog）在ie8中不支持100％宽度。解决方法？

1 个答案: