Question

预-REQ：

<a href="#a" onClick="MyWindow=window.open(\'https://<Server IP>/ClickHereNotes.html#<Div Name AAA>\',\'MyWindow\',width=600, height=300); return false;">Click Here.</a>

点击上面的链接，打开嵌入的html页面，但只显示目标div名称AAA。

下面是我在html script标记中使用的类似toggle的函数：

div {
    display: none;
}
div:target {
    display: block;
}

问题：在Chrome点击上面的链接时会打开一个弹出窗口，同时显示整个div html内容

当我尝试打开IE 11中的链接时，会出现弹出窗口，但窗口大小并未包含所关注div的html内容。也没有滚动条。

到目前为止我尝试过的事情，但没有奏效：

添加scrollbar=yes
添加min-height
在%和width中添加height。
删除width和height。
在char之后添加href=#。

我应该使用什么属性来显示带有完整div HTML内容的弹出窗口？

Answer 1

试试这个

将此属性Overflow:scroll添加到您的div

Answer 2

您正在尝试显示带书签的新页面。只有创建内容才有可能当＃BookMark1的网址

时会出现

但滚动时还会显示另一个内容。要隐藏，你需要为java脚本编写代码。

Answer 3

删除

div { display: none; } 
div:target { display: block; }

并添加：

html, body{ overflow: auto; }

并添加 scrollbar=yes 在标签

为什么IE忽略内联链接标记的宽度和高度？

3 个答案: