Question

我正在尝试在我的网站中使用CSS阻止链接。当链接处于被动状态时，我想要使用白色字体的浅色背景;当您将鼠标悬停在链接上时，或者如果链接处于活动状态（按下左键但未释放），我想要使用白色字体的深色背景。而且我不希望字体颜色发生变化。我在IE9，FF 7，Chrome 17上尝试了这个，代码如下：

<!--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<<style type="text/css">
a.header:link {
text-align:center;
display:block;
font-weight:bold;
font-color:white;
background:lightgreen;
width:112px;
text-align:center;
padding:4px;
text-decoration:none;
outline-style:double;
outline-color:green;
}
a.header:hover,a:active {
background-color:darkgreen;
text-align:center
font-color:white;
}
</style>
</head>
<body>
<div><h1><a class="header" href="http://www.vk.com">www 999</a></h1></div>
</body>
</html>

不幸的是，代码的行为是不可预测的。字体颜色总是很暗（我想要白色），如果链接处于活动状态并且背景在不同浏览器上以不同方式改变，有时会变为红色有人可以帮助我在流行的浏览器上以同样的方式进行这项工作吗？

Answer 1

没有font-color这样的东西。该属性的名称为color。
<之前您还有<style。{/ li>
你不应该把你的DTD放在评论中;这就失败了。
text-align: center之后缺少分号。
您可能不想指定:link;只有才能应用于既没有访问过，又没有被访问过，也没有活动过的链接。

JSBin上的

Here's a demo with all the fixes，因为jsFiddle已关闭。

Answer 2

“color”，而不是“font-color”
您在活动状态下缺少“.header”，“a：active”。
您的第一个“a.header”规则中不需要“：link”psuedo-selector
额外“＆lt;”在里面 ”

CSS阻止链接 - 如何让它正常工作？

2 个答案: