Question

嘿所以我有一堆由这样的标签组成的标签：

<li><h6><a href="">Tab1</a></h6></li>
<li><h6><a href="">Tab2</a></h6></li>
<li><h6><a href="">Tab3</a></h6></li>
<li><h6><a href="">Tab4</a></h6></li>
<li><h6><a href="">Tab5</a></h6></li>
<li><h6><a href="">Tab6</a></h6></li>

所有都与display水平对齐：table-cell;

问题是它们中的一些文本包含在第二行上，而当鼠标悬停在某个项目上时，悬停状态不会达到该行的整个高度。

您可以在此处查看我在此网站上引用的表格：http://perennial.chkpt.com.au/invest-with-us/

Answer 1

您可以在:hover上添加li样式，而不是a。

示例：将此样式应用于您提供的网站

li.ui-state-default.ui-corner-top:hover {
    background: red;
}

尝试修复元素的高度，使其在悬停时正确突出显示

1 个答案: