簡體   English   中英

SVG錨點當前頁面突出顯示

[英]SVG anchor current page highlight

我有一個基於SVG的菜單,帶有類似於以下內容的鏈接。 我想突出顯示當前頁面的鏈接(例如,添加“ font-weight:bold”)。 有什么建議么? 我應該用Java做些什么嗎? (請注意,為了兼容性,我正在通過<object>標記在HTML頁面中鏈接SVG,因此該解決方案必須使用該約束。)哦,我只對現代瀏覽器有效。

<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>

好吧,顯然忘了一個星期值得一枚銅牌。 :-P

無論如何,上面的代碼本身實際上是正確的。 試一試-我還有其他的主要CSS樣式導致a:hover位失敗。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM