html文本链接悬停背景图像

时间:2011-10-27 15:55:41

标签: html css hyperlink hover

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>

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

感谢所有人,Danilo


编辑:

我发现错误...如果你不在div,z-index非工作中使用“绝对”的适当性。

感谢您的建议! ; - )

2 个答案:

答案 0 :(得分:1)

很难理解,但我会尝试:

1)如果你的div上面有一个带背景的链接,请尝试在链接上使用不同的z-index值或在链接上设置paddin,这样div就会下降,你会看到下划线。 / p>

2)如果你想在图像背景上有一个列表,请将它插入带背景的div中。

答案 1 :(得分:1)

我发现错误...如果你不在div,z-index非工作中使用“绝对”的适当性。

感谢您的建议! ; - )