2014-10-02 97 views
-2
<body> 
    <img src="myimage.png"> 
</body> 

我想要一个<a>链接,只有当您点击外部<image>图片外部的链接

整个身体应该是一个可点击的链接。

我该怎么做?

+4

不清楚你在问什么...... – haim770 2014-10-02 15:50:11

+0

还没有,请重试。 – 2014-10-02 15:51:58

+0

这是一个儿童页面,我希望如果我点击该图片的外部(图片做其他事情),我会回到父页面。 – Rob 2014-10-02 15:53:29

回答

0

JSFiddle

<body> 
    <a href="http://google.co.uk"></a> 
    <img src="http://placehold.it/250" /> 
</body> 
img{ 
    position:relative; 
    z-index:9999; 
} 

a{ 
    background:red; 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    z-index:10; 
} 

position:fixed;指滚动,即使它仍然会在屏幕上的任何位置。

0

创建填充整个屏幕的链接:

a.myclass { 
    display: block; 
    height: 100%; 
    width: 100%; 
    z-index: 10; 
} 

和定位你的形象绝对的,有较高的z-index。也许你需要在你的图片标签上设置pointer-events: none;