2

我基本上有一个 SVG 标志，有很多透明空间，我想把整个东西链接到另一个页面。如果它是一个 alpha PNG，我只需将整个东西包装在一个 <a> 中并完成它，但是当我包装所有 <paths> 时，没有一个透明区域是链接的。

<svg width="100px" height="52px" enable-background="new 0 0 750.72 391.873">
<a xlink:href="http://www.mysite.com" id="anchor">
  <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="..."/>
  <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="..."/>
</a>
</svg>
4

1 回答 1

1

创建一个填充视口的不可见矩形 (visibility="hidden")，然后在其上设置 pointer-events="all" 以捕获所有鼠标点击。

或者，如果您从 SVG 中取出链接并使其成为独立文件，您可以通过<img>标签将其包含到它应该去的任何地方，然后用标签包装<img>标签<a>。

于 2012-05-23T17:58:28.490 回答