我的网站有一些链接样式,CSS 如下:
a:link {
font-family: Verdana, Tahoma, Geneva, sans-serif;
text-decoration: none;
color: #0676b3;
}
a:visited {
color: #666;
text-decoration: underline;
}
a:hover {
color: #fff;
background: #A5C2DB;
border-radius: .1875em;
padding: 0 .1875em;
}
这里有一个jsfiddle http://jsfiddle.net/danferth/xmewM/展示他们的样子supposed查看它们的不同状态:
a {
display: inline-block;
margin: 10px;
}
/* these styles are for presentation of the link states they are NOT the styles in my stylesheet*/
a.link {
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: .875em;
text-decoration: none;
color: #0676b3;
}
a.visited {
color: #666;
text-decoration: underline;
}
a.hover {
color: #fff;
background: #A5C2DB;
border-radius: 0.1875em;
padding: 0 0.1875em;
}
<a class="link">Regular Link</a>
<br />
<a class="visited">Visited Link</a>
<br />
<a class="hover">Hovered Link</a>
:link = 蓝色文本无装饰
:visited = 带下划线的灰色文本
:hover = 浅蓝色背景的白色文本
The :link
and :hover
工作正常,但由于某种原因:visited
状态拒绝显示下划线。在 Chrome 和 Firefox 中使用 firebug 或检查器我可以看到:visited
风格在行动和文本是灰色的颜色,只是它拒绝underline
state.
关于我做错了什么有什么想法吗?
你没有做错任何事——它只是不再那样工作了。 :visited 的样式被用作安全漏洞,因此浏览器制造商基本上消除了 :visited 的替代样式,除了少数属性(例如“颜色”、“背景颜色”)之外
See: http://hacks.mozilla.org/2010/03/privacy-lated-changes-coming-to-css-vistited/ http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)