CSS - 使用 :hover 伪类在锚标记的底部不起作用



我目前正在修改http://onverse.wikia.com/wiki/Onverse_Wiki.我在页面左上角的橙色"Onverse Wiki"按钮上遇到了困难。实际情况是,当您将鼠标放在锚点的底部时,它不会注册:hover伪类。我尝试了很多不同的方法,比如更改z索引、显示属性、更改行高属性,但都不起作用。我甚至删除了所有的边距(当然这是必要的)、边界和填充,这样对象本身就覆盖了它看起来没有成功的整个区域。

但是,鼠标悬停在文本下方的任何位置(即使它在锚点标记内),光标都不会变成指针光标。点击那里什么也不做。它实际上并不依赖于文本是因为。。。1.锚点标签的顶部、左侧和右侧在悬停时仍然可以识别。2.将高度更改为41px,填充为0,显示到表格单元格,垂直对齐到底部,将文本带到该区域的底部,当鼠标悬停在文本的底部时,您可以清楚地看到指针光标没有出现。

我认为这可能与它相对于其他元素的布局有关?我不知道如果有什么。。。我已经把z指数改成了100000,所以锚会在一切之上。我以前也遇到过类似的问题,蓝色按钮在右边,但我所要做的就是将z索引更改为1。

所以我在这里迷路了。有什么帮助吗?非常感谢!

如果从下面的代码行中删除高度8px,我认为它会修复它:

.WikiHeader h1::before, .WikiHeader .WikiaRail .module h2::before, .WikiaRail .module    .WikiHeader h2::before, .WikiHeader .WikiaRail #RIGHT_SKYSCRAPER h2::before, .WikiaRail #RIGHT_SKYSCRAPER .WikiHeader h2::before, .WikiHeader .shadow-mask {
  bottom: 0;
  height: 8px;
  position: absolute;
  right: 0;
  width: 1000px;
}

我不完全理解您的问题,但如果我从<A ..>中删除display: block;并增加填充,那么指针光标就会覆盖整个内容。

最新更新