Css 禁止用户在iframe中选择文本

我试图阻止用户从显示在iframe中的pdf文件中选择文本。为此，我查看了

css

properties

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重叠，但它并没有阻止用户选择文本。这里我遗漏了什么？

如果这就是您正在使用的所有CSS，您可能需要在“overlay”div上添加一个z索引

---

如果这就是您正在使用的所有CSS，那么您可能需要在“overlay”div上添加一个z索引

---

如果这就是您正在使用的所有CSS，那么您可能需要在“overlay”div上添加一个z索引

---

如果这就是您正在使用的所有CSS，那么您可能需要在“overlay”div上添加一个z索引

---

---

第一个问题iframe是否包含任何外部网站？？即使您管理您正在使用的内容，是什么阻止用户使用Inspector删除元素？这就像试图通过阻止右键单击来阻止用户查看源代码。我认为，标准用户不知道从哪里开始启动开发检查器，也不知道从哪里开始挖掘。我知道用户还有很多方法可以检索文本。如果它是可见的，那么它是可复制的，但是阻止它将是一个很好的功能。第一个问题iframe是否包含任何外部网站？即使你管理你正在使用的内容，是什么阻止用户使用Inspector删除元素？这就像试图通过阻止右键单击来阻止用户查看源代码。我认为，标准用户不知道从哪里开始启动开发检查器，也不知道从哪里开始挖掘。我知道用户还有很多方法可以检索文本。如果它是可见的，那么它是可复制的，但是阻止它将是一个很好的功能。第一个问题iframe是否包含任何外部网站？即使你管理你正在使用的内容，是什么阻止用户使用Inspector删除元素？这就像试图通过阻止右键单击来阻止用户查看源代码。我认为，标准用户不知道从哪里开始启动开发检查器，也不知道从哪里开始挖掘。我知道用户还有很多方法可以检索文本。如果它是可见的，那么它是可复制的，但是阻止它将是一个很好的功能。第一个问题iframe是否包含任何外部网站？即使你管理你正在使用的内容，是什么阻止用户使用Inspector删除元素？这就像试图通过阻止右键单击来阻止用户查看源代码。我认为，标准用户不知道从哪里开始启动开发检查器，也不知道从哪里开始挖掘。我知道用户还有很多方法可以检索文本。如果它是可见的，那么它是可复制的，但阻止它将是一个伟大的功能。这样我就不能复制文本，但我也不能滚动。我如何修复它？这样我就无法复制文本，但也无法滚动。我如何修复它？这样我就无法复制文本，但也无法滚动。我如何修复它？这样我就无法复制文本，但也无法滚动。我怎样才能修好它？

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