0
4

2 回答 2

2

我对您在这里真正想要的东西感到有些困惑...

我想我知道你想表达什么。但是，您的 HTML 与 CSS 不匹配。具有类类别的 div 在哪里？

我假设您真正想要的是将跨度放在锚标记内，这样它将成为链接的一部分。如果需要，您仍然可以操纵 span 本身的外观，因为它是它自己的元素。如果您不希望链接内的跨度，那么您将不得不从与链接的内联中删除跨度，最有可能的位置是绝对位置。否则跨度将阻塞锚标记。

如果您希望整个 LI 是可点击的，您可以在锚标记上放置填充，使其覆盖 li 元素的尺寸。当然，这还取决于您希望链接文本的位置。因此，假设您的 li 元素是 200x200，您希望锚标记中的文本位于左上角；像这样放置填充...

a.category {
    padding: 0 100% 100% 0;
// percentage of 100% to cover the entire area to the right and to the bottom
}

或者，您可以使用 JS 使 LI 本身成为在 html 中不使用锚标记的链接，但这可能不如仅使用 HTML 和 CSS 有效。

此外，在大多数情况下，重复伪状态之间不变的属性是多余的。如果宽度和/或高度没有从默认状态变为悬停状态，则没有必要将它们置于悬停状态。

于 2013-08-25T12:30:09.547 回答
0
于 2013-08-25T12:22:00.137 回答