我目前正在修改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;
并增加填充,那么指针光标就会覆盖整个内容。