html - 列表项 li 悬停样式在页面上不起作用

标签 html css

在此网页上 http://nkarch.lifeintheuktest.co/the-work.aspx我有<li> div 内的元素与 id=ProjectsGrid .

CSS 规则 #ProjectsGrid ul li a:hover h4在 chrome 和 IE 中运行良好,但在 firefox 上运行不正常。

有什么想法吗?

最佳答案

问题出在font-weight .没有悬停时你没有它。设置:

.TopNavigation a:link {
    color: white;
    line-height: 200%;
    text-decoration: none;

    font-weight: 800;
}

一切都会好起来的。

编辑:添加font-weight在每个 <div>你没有,因为我发现这不仅仅是导航有问题。

关于html - 列表项 li 悬停样式在页面上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14234937/

相关文章:

html - 如何消除所有设备上输入文本和按钮之间的差距?

iOS HTML 输入标签在可滚动元素中停止滚动

html - 在输入文本字段上重复图像背景

html - 如何将背景图像设置为全长并使文本居中对齐?

html - 如何使gif照片与表格宽度相同?

css - 删除包装 div 之前的空格

android - 当 devicePixelRatio = 1.5 时,Webview 中的 CSS 1px 边框在某些方面给出 2px 边框

javascript - jQuery 用户界面 : Cannot drag an element in a z-index stack

CSS3 三 Angular 形/镂空边框

html - Bootstrap Navbar Collapse 保持水平