0

次のようなリンクを持つSVGベースのメニューがあります。現在のページのリンクを強調表示したい（たとえば、「font-weight：bold」を追加する）。助言がありますか？Javascriptで何かする必要がありますか？（互換性のために、HTMLページのSVGを<object>タグを介してリンクしていることに注意してください。そのため、ソリューションはその制約で機能する必要があります。）ああ、ハイライトは最新のブラウザーでのみ機能します。

<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 に答える