html - 悬停列表项空间(宽度和高度)而不是文本空间

标签 html css

我想将鼠标悬停在每个矩形中的空间以更改背景颜色和颜色,但当您将文本悬停在其他列中时不更改它。这有意义吗? 示例:将文本悬停在“关于”上而不是“主页”或“联系方式”上。

我真的不知道怎么解释好,所以如果你请检查这个fiddle你会看到我的问题。

最佳答案

对于现代浏览器使用:

#bighome,#bigabout,#bigcontact {
  pointer-events: none;
}

或者最兼容的方法是将#bigxxxx 跨度放在 a 元素之外。所以

<li id="contactlink"><a href="#">Contact</a><span id="bigcontact">contact</span></li>

(你必须指定跨度的字体颜色)

关于html - 悬停列表项空间(宽度和高度)而不是文本空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7322032/

相关文章:

javascript - 固定可滚动表格的标题

javascript - 将 TreeView 元素宽度拉伸(stretch)到 CSS/HTML 中的父容器

php - 在 PHP 中下拉

javascript - Jquery 字体大小操作 TextArea Cutout

html - 固定导航栏分解并覆盖内容

css - 悬停时的大纲节点

javascript - 让iframe自动调整高度

javascript - 如何在不挂起几分钟的情况下记录 60MB 以上的 HTML5 拖放文件的内容?

javascript - jQuery 选择器不工作

javascript - 通过javascript录制网站的内部音频