Question

我正在尝试将iframe图片链接到另一个页面。我目前有这个，但它不起作用。

<a href="index1.html">
<iframe id ="person1"  src="images/person1.svg" frameborder="0"></iframe>
</a>

任何帮助都将不胜感激。

Answer 1

这是一个解决方案：http://jsfiddle.net/leojavier/aek5nd3z/1/

iframe不会让你点击链接，所以你只需要玩Dom上的元素位置...使超链接覆盖Iframe ......：）

CSS

a{
    display:block;
    width:500px;
    height:400px;
    position:absolute;
    top:0;
    left:0;
}
div {
    position:relative;
    width:500px;
    height:400px;
}

Answer 2

您可以在src中将您的链接和图片作为IFrame的动态HTML传递：

<iframe id="person1" frameborder="0" src="data:text/html;charset=utf-8,
    <body>
        <a target='_parent' href='index1.html'>
            <img src='images/person1.svg'>
        </a>
    </body>">
</iframe>

使用iframe图像作为链接

2 个答案:

这是一个解决方案：http://jsfiddle.net/leojavier/aek5nd3z/1/