问题:长按复制的文本,以绝对布局的形式,显示在图片上层,长按复制的时候,会出现选择图片的相关操作,或者不能完全的选择文本(单独选择文本),即把图片的相关内容也选择了。
解决:利用pointer-events: none和user-select属性解决;
图片父级设置:
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
图片设置:
pointer-events: none;
文本设置:
-webkit-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
pointer-events具体解析,可以参考下文:
https://www.cnblogs.com/nzbin/p/6005104.html