html文本链接悬停背景图片

Question

div 里面有一个背景。然后我会写一个链接列表，然后传递背景图像，但它似乎不起作用。

如果链接位于背景法师上方，将鼠标悬停在上面，对于不在图像背景上方的所有其他链接，我不会得到文本的下划线。

这是我的代码:

<div style="min-height:200px;">
  <div class="backgroundImg"
      style="background: url(/my/url.png) no-repeat; height:140px; width: 140px;position: absolute;>
  </div> 
  <div style="z-index:30">
    <a href="#">My link here</a>
  </div>
</div>

对不起我的英语，这个概念真的很容易理解但很难解释......我希望能够解释。

感谢大家，达尼洛

---

编辑:

我发现错误...如果您不在两个 div 中使用“绝对”专有性，则 z-index 无效。

感谢您的建议! ;-)

Answer 1

很难理解，但我会尝试:

1) 如果您在带有背景的 div 上方有一个链接，请尝试在链接上使用不同的 z-index 值或在链接上设置 paddin，这样 div 会下降并且您会看到下划线。

2) 如果您想在图像背景上放置一个列表，请将其插入到带有背景的 div 中。