Question

我试图阻止用户从显示在iframe中的pdf文件中选择文本。为此，我查看了css属性position: relative和position: absolute。有了这个，我就可以将我的iframe与div重叠，阻止用户从我的iframe中选择文本（因为他将点击重叠的div）。这是我到目前为止所做的：

<div id="container" style="width:100%; min-width: 330px; height: 545px; margin: 0 auto; position: relative;"> 
    <div id="divOverlapIframe" style="height:100%; width:100%; overflow-x: hidden; overflow-y: hidden; border: none; position: absolute; top: 0; left: 0;" scrolling="auto" marginheight="0" frameborder="0"></div>
    <iframe id="iframe" src="MY_PDF_SOURCE" style="height:100%; width:100%; border: none; position: absolute; top: 0; left: 0;"></iframe>
</div>

我可以看到我的div实际上与我的iframe重叠，但它并没有阻止用户选择文本。我在这里缺少什么？

Answer 1

如果这是你正在使用的所有CSS，你可能需要在“overlay”div上拍一个z-index。

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

阻止用户在iframe中选择文本

1 个答案: