Question

我目前正在修改http://onverse.wikia.com/wiki/Onverse_Wiki上的样式表。我在页面左上角的橙色“逆向维基”按钮上遇到了困难。发生的事情是当你把鼠标放在锚的底部时，它没有注册：hover pseudoclass。我尝试了很多不同的东西，比如改变z-index，显示属性，改变line-height属性，什么都不行。我已经消除了所有边距（当然是必要的），边框和填充，以便对象本身覆盖整个区域，看起来没有任何成功。

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

我认为它与其他元素的布局有关吗？我无法弄清楚如果有什么东西会干扰什么......而且我已经把z-index改为100000，所以锚点已经在所有东西之上了。之前我遇到过类似的问题，右侧是蓝色按钮，但我必须做的就是将z-index更改为1.

所以我迷失在这里。有帮助吗？非常感谢！

Answer 1

我不完全理解你的问题，但如果我从display: block;删除<A ..>并增加填充，那么我会将指针光标放在整个事物上。

Answer 2

如果您从以下代码行中删除高度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;
}

CSS - 使用：hover pseudoclass不在锚标记的底部

2 个答案: