Question

我是html的新手，并决定为Firefox制作一个初始页面。我遇到的问题是，当我将鼠标悬停在链接文本的上方和下方时，我的鼠标光标会变为热链接指针，就像鼠标悬停链接时一样。但是它会在一个看不见的领域中，在该链接的上下20个像素半径范围内。它不会在链接文本的左侧和右侧执行此操作。我想修复它，只有当我的鼠标直接在文本上方时它才会改变，就像所有网站链接一样。我可能错过了一些代码。这是我的完整HTML代码。非常感谢任何帮助。

language: node_js
node_js:
  - "6"

Answer 1

好像您的问题是＆＃39; float:right＆＃39;在CSS中。这使得一个元素占据了盒子的所有空间。

尝试设置行高，以便＆＃39; a＆＃39;元素的高度有限：

a {
  font-family: "Segoe UI";
  font-size: 12px;
  font-weight: bold;
  outline: none;
  float: right;
  margin-right: 15px;
  margin-top: 10px;    //updated the margin top
  line-height: 15px;   //added line height
}

行高更改使得a显示在行的顶部。更新保证金最高修正。

https://jsfiddle.net/aw09geqh/1/

Answer 2

尝试删除此规则：

td:hover{
    background: rgba(16, 21, 27, 0);
}

很难说没有看到HTML，但是根据你的写作，可能就是这样。

浮动链接悬停

2 个答案: