【HTML+CSS】移动端长按复制图片上的absolute文本,出现选择文本错位或无法直接选择

问题:长按复制的文本,以绝对布局的形式,显示在图片上层,长按复制的时候,会出现选择图片的相关操作,或者不能完全的选择文本(单独选择文本),即把图片的相关内容也选择了。

解决:利用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  

猜你喜欢

转载自blog.csdn.net/godsor/article/details/84675571