web前端图片叠加与图片鼠标点击事件怎么做？

我正在做一个棋牌游戏，下图是我的扑克牌弄出来效果，每张纸牌完全显示，没有遮盖。

但实际环境要求我实现纸牌叠加显示的效果，如下图：

请教：
1）我该怎么做？
2）如何实现鼠标点击，被点击纸牌向上移动特定位置？
谢谢！

把你的样式和图片地址贴上来

你在层叠放置的时候，左边的线不见了，应该是样式进行了1像素左右的适配，造成边线消失

实现叠加的效果和移动那就需要用到定位来操作纸牌的位置

使用相对定位和绝对定位呀，position:relative absolute 必要的时候加上 z-index 应该不是个麻烦事

1.遮盖的话。需要 使用 定位加 z-index
2.移动特定位置 需要用到动画 这个得根据你得 布局来看了

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7530338