gpt4 book ai didi

javascript - IE7模态对话框滚动条重叠内容

转载 作者:行者123 更新时间:2023-11-29 10:00:36 26 4
gpt4 key购买 nike

这是有问题的代码。要对其进行测试,请将其保存在名为“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 - 水平滚动条消失,垂直滚动条位于边距右侧。

关于javascript - IE7模态对话框滚动条重叠内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/812542/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com