有一本手稿书。我需要在网站上出版这本书。我有这本书的文本版本，并且在页面上有字母位置。我试图让用户选择页面图像上的文本。但是用户只能看到原稿页面图像。我做了一些类似的解决方法：
<div style="background:url(manuscript_page_with_text.jpg)">
<p style="color: transparent; position: relative; top:...px; left:...px">The text of the page</p>
</div>
我可以将此透明文本移动到页面图像上包含文本手稿版本的确切位置。但是，当我选择文本时，它会显示在页面图像上。
当用户选择图像上的文本时，他/她必须仅在图像上看到选择颜色，并且实际上必须选择隐藏的文本。这样，用户可以使用ctrl + c之类的文本操作。
我需要CSS或Javascript解决方案才能完成这项工作。我正在等待您的宝贵答复。
似乎this page已解决：
这对我有用：
如果该窗口处于活动状态，则可在webkit和mozilla上使用。但是，如果该窗口处于非活动状态，则仅适用于webkit。 Firefox有一个错误。而且完全忘记了IE，所以我必须尝试在javascript中实现它。