[英]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.