Javascript 隐藏在所选文本突出显示后的弹出窗口

我正在手机上实现文本突出显示功能。 当用户长时间触摸文本时，我会向他显示一个弹出窗口，他可以在其中选择高亮显示所选文本

我的问题是，覆盖所选文本的阴影出现在我的弹出窗口上方

你可以在下图中看到它

如何使弹出窗口位于文本上方

我已经尝试过z索引解决方案，但它不起作用。 更准确地说，我在弹出式容器（2000000000020）上放置了一个非常高的z索引，它没有改变任何东西

另外，我的应用程序的桌面版没有这个问题，只有我使用Cordova构建的移动版才有这个问题

非常感谢你的帮助

---

您使用什么代码生成弹出窗口？可能是iOS选择也会选择弹出窗口，因为它在DOM中的位置。这看起来更像是浏览器的默认设置。我不会说你对此能做多少。因为用户正在与文本交互，而不是弹出窗口。老实说，如果用户正在选择文本，弹出窗口现在不应该出现。如果用户点击链接获得弹出窗口，那么文本选择应该消失。选择的代码如下：var selection=Util.getGlobal（）.getSelection（）；var range=document.createRange（）；范围。选择节点内容（目标）；selection.removeAllRanges（）；selection.addRange（normeRange.toRange（））@Andrew，选择结束后会出现弹出窗口（在touchEnd）。当用户单击弹出窗口时，例如在注释上，文本选择消失。您使用什么代码生成弹出窗口？可能是iOS选择也会选择弹出窗口，因为它在DOM中的位置。这看起来更像是浏览器的默认设置。我不会说你对此能做多少。因为用户正在与文本交互，而不是弹出窗口。老实说，如果用户正在选择文本，弹出窗口现在不应该出现。如果用户点击链接获得弹出窗口，那么文本选择应该消失。选择的代码如下：var selection=Util.getGlobal（）.getSelection（）；var range=document.createRange（）；范围。选择节点内容（目标）；selection.removeAllRanges（）；selection.addRange（normeRange.toRange（））@Andrew，选择结束后会出现弹出窗口（在touchEnd）。当用户单击弹出窗口（例如“注释”）时，文本选择将消失