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

Question

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

我正在尝试在我的网站上使用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>

Run Code Online (Sandbox Code Playgroud)

不幸的是,代码的行为是不可预测的.字体颜色总是很暗(我想要白色),如果链接处于活动状态并且背景在不同的浏览器上以不同的方式改变,有时会是红色有人可以帮助我在流行的浏览器上以相同的方式使用它吗？

Answer 1

Ry-*_*Ry- 6

没有这样的事情font-color.该物业的名称是color.
你有一个额外的<面前<style.
你不应该把你的DTD放在评论中; 这打败了这一点.
之后有一个丢失的分号text-align: center.
你可能不想指定:link; 这将只适用于那些既没有访问过的链接,也不徘徊活跃.

这是一个包含 JSBin 所有修复的演示,因为jsFiddle已关闭.

归档时间：	14 年，2 月前
查看次数：	882 次
最近记录：	14 年，2 月前