我刚刚完成了一个网站,并注意到链接突然闪烁为不同的字体,并且在单击时会很快改变大小。
该网站位于http://www.belle-jeunesse.com,问题最明显的是在主导航栏中。
有谁知道为什么会发生这种情况以及如何将其修复为至少保持相同的字体?
我刚刚完成了一个网站,并注意到链接突然闪烁为不同的字体,并且在单击时会很快改变大小。
该网站位于http://www.belle-jeunesse.com,问题最明显的是在主导航栏中。
有谁知道为什么会发生这种情况以及如何将其修复为至少保持相同的字体?
在 style.css 的第 119 行,删除a:active
在你的样式表中,你有这个:
#g_links a:link, a:visited, a:active {
font-family: Domine; font-size: 1em; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px solid; }
我相信你想要的是这样的:
#g_links a:link, #g_links a:visited, #g_links a:active {
font-family: Domine; font-size: 1em; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px solid; }
如果没有#g_links,您将其应用于所有 a:visited 和 a:active 链接。
在您的文件中:第 119 行的 style.css。您有以下规则:
#g_links a:link, a:visited, a:active {
font-family: Domine;
font-size: 1em;
font-weight: bold;
text-decoration: none;
color: #000;
border-bottom: 1px solid;
}
只需删除行 : a:active 或在 a:visited 和 a:active 之前添加 #g_links ,如下所示:
#g_links a:link, #g_links a:visited, #g_links a:active {
}
在第 119 行的 style.css 中,你有这个 css:
#g_links a:link, a:visited, a:active
{
font-family: Domine;
font-size: 1em;
font-weight: bold;
text-decoration: none;
color: #000;
border-bottom: 1px solid;
}
id #g_links 仅适用于 a:link 部分。因此,当按下链接时,页面上的所有链接都会受到这些样式规则的影响。您可能还想在 a:visited 和 a:active 之前添加它。