Question

有没有办法给嵌套对象一个不同的超链接？

我不认为标签可以嵌套，但无论如何都要以某种恶魔的方式将img与href相关联？

所以这里例如

 <a href="blahblah.php">
 <object class="svg" type="image/svg+xml" data="svgimage.svg" >
 <img src="pngimage.png" type="image/png" />
 </object>
  </a>

如果无法加载svg，则png会出现，用户可以单击并转到另一组页面。 blobblob.php

为什么？以下页面（针对移动设备）不断为svg移动设备提供后备服务是一种浪费。所以对于android pre 3.0我想为他们提供单独的png文件。

JAVASCRIPT？理想情况下不是。

Answer 1

 $('object').click(function () {
    window.location.href = 'whatever url you want';
    return false;
 });

OR

 $('object').click(function (e) {
    e.preventDefault();
    window.location.href = 'whatever url you want';
 });

两者都应该有效

Answer 2

您可以使用图片地图。

<a href="blahblah.php">
    <object class="svg" type="image/svg+xml" data="svgimage.svg" >
        <img src="http://dummyimage.com/100/000/fff" type="image/png" usemap="#mapping"/>
    </object>
</a>
<map name="mapping">
    <area shape="rect" coords="0,0,100,100" href="bloblob.php" />
</map>

这可以按照您的预期方式运作。

如下图所示： http://jsfiddle.net/xr3gT/

Answer 3

这应该有效。有一些JavaScript，但并不多。没有jQuery或任何其他必要的库。

<a href="blahblah.php">
    <object class="svg" type="image/svg+xml" data="svgimage.svg" onclick="return false; window.location.href='http://example.com'" >
        <img src="pngimage.png" type="image/png" onclick="window.location.href='http://example.com/differentlocation'; return false;" />
    </object>
</a>

具有不同<a href="">?</a>的嵌套对象

3 个答案: