浏览器兼容问题

原创于 2018-10-13 10:36:59 发布 · 185 阅读

CC 4.0 BY-SA版权

本文详细介绍了CSS中链接的四种状态：未访问、已访问、悬停和活动状态，并分享了在不同浏览器上实现这些状态效果的经验。作者通过实践发现，这些链接状态样式在IE浏览器上能正常显示，但在谷歌浏览器上则无法正确呈现。

链接的四种状态：
a:link：普通的、未被访问的链接
a:visited：用户已访问的链接
a:hover：鼠标指针位于链接的上方
a:active：链接被点击的时刻
写完之后发现并不是出现上述所述，后来百度之后发现需要浏览器支持才可以，果断下了谷歌浏览器，然而也不行，后来使用默认IE浏览器才可以！！！

a:LINK {
    color: red;
    text-decoration: none;
}
a:VISITED {
	color: blue;
	text-decoration: none;
}
a:HOVER {
	color: green;
	text-decoration: none;
}

在这里插入图片描述