这是令人反感的代码.要对其进行测试,请将其保存在名为“ test.html”的文件中,然后单击左上角的按钮.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Blarg</title>
<style type='text/css'>
body { margin: 20px; }
#test { background: red; height: 2000px; }
</style>
</head>
<body>
<div id="test"><input type='button' onclick="javascript:window.showModalDialog('test.html', window, 'dialogWidth: 300px; resizable: yes;');" /></div>
</body>
</html>
如果我在正常的IE7窗口中打开页面,则效果很好.
但是,如果我在IE7模态对话框中打开它,它将在边距顶部绘制垂直滚动条.更糟糕的是,因为它在边缘上绘制了滚动条,所以还导致了水平滚动条的绘制.
我该如何解决？我绝对必须使用IE模态对话框,我不能随意更改它.
解决方法:
更改您的window.showModalDialog选项,以使用width：300px而不是dialogWidth：300px-水平滚动条消失,垂直滚动条在页边距右边.