0

这个想法很简单：

  1. 将悬停时的 li 背景颜色更改为一种颜色

    ul#menu li a:hover {...}

  2. 在鼠标按下时将其更改为其他颜色

    ul#menu li a:active {...}

  3. 如果链接既没有悬停也没有按下，则将颜色恢复为原始颜色（正常）

问题似乎是，如果用户拒绝了他的意图并让鼠标离开链接，则背景颜色就像被按下一样（即a:active）。

因此，即使用户释放鼠标按钮，链接看起来也处于“活动”状态并保持在其中。

编辑

这是我在海报的帮助下想出的，他们试图回答这个问题：请比较这些小提琴：

  1. 小提琴 - 按需要工作
  2. 小提琴 - 在实际应用中工作

不同之处在于所需的小提琴没有href. 一旦href添加，链接就会开始表现出不希望的行为。他们都使用：

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#FF0000;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

尽管

  1. <a>LINK</a>
  2. <a href="default.asp" target="_blank">LINK</a>

当然我已经href在我的 html 中设置了，那么我怎样才能实现 Fiddle #1 行为呢？

所以，看起来只用 html 和 css 是不可能的。使用java脚本有什么解决方法吗？

4

2 回答 2

2

我从您的要求中了解到，我将其归功于 jsfiddle。

请查看演示

http://jsfiddle.net/saorabhkr/Pzuwb/

于 2012-10-12T06:45:39.983 回答
2

我已经尝试过了，所有的工作都很有魅力，你也需要访问链接的规则并将其设置为默认的未访问链接

小提琴

于 2012-10-12T06:35:49.297 回答