美文网首页
h5 draggable 拖动元素跟实际结构表现不匹配的问题

h5 draggable 拖动元素跟实际结构表现不匹配的问题

作者: proud2008 | 来源:发表于2021-03-03 16:56 被阅读0次

转自https://www.jianshu.com/p/b48e54530017

image

实际拖动的元素 其实只是 图片的父元素, 并不包含 size和close icon 以及马赛克背景,但是拖出来看着就是包含的,

代码结构如下:

<div >

    <div draggable='true' backdround='url(图片)'></div>

    <closeIcon></closeIcon>

    <size></size>

</div>

为了解决这个奇怪的问题, 在图片的父元素上添加了 z-index:0 就奇迹般的好使了, 呱唧呱唧,新的效果如下:

相关文章

网友评论

      本文标题:h5 draggable 拖动元素跟实际结构表现不匹配的问题

      本文链接:https://www.haomeiwen.com/subject/xetcqltx.html