html – Image over Image CSS

我正在创建一个网页,我试图把一个png(按钮)放在gif文件上.
页面呈现时,它会使png文件显示在gif文件之后或之下.
我尝试使用和标记,但都没有工作.我也尝试过使用各种CSS填充,对齐等,但似乎不起作用.
有没有办法(代码)让图像出现在图像之上?

解决方法

页面中的每个元素都具有特定的堆叠顺序.如果不明确设置它们,那么它将按照DOM中的顺序进行堆叠.

您可以通过设置属性来控制堆叠顺序

z-Index

z-index值越高,元素的堆叠顺序就越高.

如果您可以将gif图像设置为单元格的背景

background-image

财产将是最好的.首先将gif图像设置为单元格的背景,并将png按钮放在单元格中,并将其放置在单元格内.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些