0

我有一个基于 SVG 的菜单，其链接类似于以下内容。我想突出显示当前页面的链接（例如，通过添加“font-weight:bold”）。有什么建议么？我应该用 Javascript 做点什么吗？（请注意，为了兼容性，我通过 <object> 标记将 SVG 链接到我的 HTML 页面中，因此解决方案必须符合该约束。）哦，我对仅在现代浏览器中工作的突出显示很好。

<svg ...>
  <style type="text/css">
a text {
    fill:#ffffff;
}
a:hover text {
    fill:#2020ff;
}
  </style>
  <g>
    <a id="aHome" xlink:href="/" target="_top">
      <text id="txtHome">Home</text>
    </a>
    ...
  </g>
</svg>
4

1 回答 1

0

好吧，显然一周忘记这一点值得一枚铜牌。:-P

无论如何，上面的代码本身实际上是正确的。去看看 - 我有其他导致 a:hover 位失败的覆盖 CSS 样式。

于 2012-09-26T20:09:00.337 回答