CSS样式转换SVG

时间:2012-03-04 17:29:17

标签: html css svg embed

所以我可以使用<embed>标签将外部SVG转换为HTML文档,但我似乎无法在HTML文档中定义CSS以应用于转换的SVG:

<html>
  <head>
    <style>
      .land:hover { fill: red; }
    </style>
  </head>
  <body>
    <embed src="http://upload.wikimedia.org/wikipedia/commons/f/f9/BlankMap-Africa.svg" type="image/svg+xml"/>
  </body>
</html>

我可以想到三种可能性:

  • 有一个技巧可以让CSS应用于我不知道的被转换的SVG,
  • <embed>标记不允许这样做,但我可以使用不同的HTML标记来转换SVG,让我这样做,
  • 使用已转换的SVG无法做到这一点,我应该将其嵌入到文档中。

有什么想法吗?

0 个答案:

没有答案