文本区域上的弹出层

Question

我的项目是一个移动网络。在主页的中间有一个文本区，当用户点击一个按钮时，弹出的图层就会跳出来。

然而，层被覆盖在文本区，如果用户单击弹出层上的元素，层下的文本区将被聚焦。

如何防止这个文本区域被聚焦？

Answer 1

你能发布一个代码片段来说明这个问题吗？另外，您使用的是哪种移动设备和浏览器？

一种可能的解决方案是设置弹出窗口和文本区域的CSS z-index属性。将弹出窗口的z-index设置为比文本区域更高的值，使其显示在顶部。