关于html中a标记点击连接之后,a:hover鼠标放上去失效的原因及解决方法!

这个问题其实就是CSS连接的排序问题,我没按规矩来只能点完之后清理IE缓存才又有效果,按下面这种顺序就完美解决这个问题了!

1 a:link {color: #FF0000} /* 未访问的链接 */
2 a:visited {color: #00FF00} /* 已访问的链接 */
3 a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
4 a:active {color: #0000FF} /* 被选择的链接 */

注:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited ,a:active 必须位于 a:hover 之后!!

 

posted @ 2013-05-09 12:46  后起之秀  阅读(2172)  评论(0编辑  收藏  举报