2012-04-04 49 views
3

我把我的SVG元素作爲列表樣式圖像:在Mozilla Firefox的URL(SVG#ID)

list-style-image: url(svg#id) 

,並逐#ID, 推測,但它不工作

在這種情況下,作爲圖像,而不是它的一部分的所有根SVG元素

這將是爐排如果我可以通過DEFS分開我的SVG元素,並在其後使用像

<use xlink:href="#byId"/> 

但是在CSS:

list-style-image: url(svg#id) 

這可能嗎?

+0

如果僅鏈接到圖像的一部分,瀏覽器如何確定圖像大小?這是否在*任何*瀏覽器中工作? – 2012-04-04 12:04:57

回答

2

您可能可以使用SVG堆棧技術,請參閱blogpost和我的修改example,其中顯示瞭如何在列表中使用它。請注意,目前這隻適用於Firefox。

+0

非常感謝,這很有幫助 – JIoJIaJIu 2012-04-05 12:37:37