如何溢出一行以在顶部显示图像？

Question

已解决：好像我从来不知道 HTML 中有 z-index，再次感谢 :)

我的代码是这样的

基本上我试图将图像放在行上，但该行仍然在我不想要的图像上。基本上这就是我正在使用的

看到上面的头骨了吗？我想把头骨做成 link 到 "index.html" 但我似乎做不到，这一行覆盖了头骨的中间所以只有头骨的顶部和底部是 link （顺便说一句，头骨是一个图像 "logo.png") 我的问题是如何使图像溢出（如果是这个词）行？如何使图像出现在所有事物的顶部（例如图层，如何使其成为顶层？）

这是我所做的代码（我所做的只是将头骨放在行上方）但它仍然不起作用

<body class="body1"><img src="/logo.png" class="skull" onmouseenter="hoverlogo(this);" onmouseleave="unhoverlogo(this);" data-href="https://privatelink.com" width="50%" onContextMenu="return false;"/>
    <div class="row" style="margin-top: -45px;">

如果你们有什么需要，请告诉我！我会尽快回复

我用来编写代码的程序是 BOOTSTRAP 工作室

Answer 1

试试这个

<img src="/logo.png" class="skull" onmouseenter="hoverlogo(this);" onmouseleave="unhoverlogo(this);" data-href="https://privatelink.com" width="50%" onContextMenu="return false;" style="z-index:2;"/>

如何溢出一行以在顶部显示图像？

How do I overflow a row to have an image on top?

html

css

image

overflow