我是 HTML 的新手,希望做一些应该相当简单的事情。我搜索了类似的问题并尝试了解决方案,但没有一个有效。
我想在单击链接时并排显示网页中的两个文档。文件是远程存储的,不是静态的。一个是PDF,一个是图片,所以我感觉PDF可能需要嵌入所以有滚动条?
两个文档都在显示,但第二个文档(图像)在屏幕中央部分覆盖第一个文档。
我的代码如下:
<a href= "#" onclick= "lightbox_open();"><b>Click me to view files</b></a>
<div id= "light"><a href= "#" onclick= "lightbox_close();"><embed src= "?php
echo $address ?>" style= "float: left;"/><img src = "<?php echo $address2
?>" style= "float: left; " /></a></div>
<div id= "fade" onclick="lightbox_close();"></div>
<div>
**请注意,当显示文档时,lightbox_open() 和 lighbox_close() 函数只是用来调暗屏幕。
如有任何帮助,我们将不胜感激。
最佳答案
源代码完全相同,只是用 embed 替换了 iframe。
<style> html,
body {
width: 100%;
height: 100%;
}
#doc1,
#doc2 {
display: inline-block;
width: 49%;
height: 100%
}
iframe {
width: 100%;
height: 100%;
border: none;
}
#doc1 {
background-color: red;
}
#doc2 {
background-color: blue;
}
<html>
<head>
</head>
<body translate="no">
<div id="doc1">
<iframe src="http://www.pdf995.com/samples/pdf.pdf"></iframe>
</div>
<div id="doc2">
<iframe src="http://www.pdf995.com/samples/pdf.pdf"></iframe>
</div>
</body>
</html>
您无法在此处看到 iframe,因为 stackoverflow 中的代码片段已经在 iframe 中,而 iframe 无法加载到另一个 iframe 中。
关于javascript - 使用 HTML 并排显示两个文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41486831/