微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – Image over Image CSS

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

解决方法

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

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

z-Index

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

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

background-image

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

原文地址:https://www.jb51.cc/html/224601.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐