图片外的链接答案

【问题标题】：Link outside an image图片外的链接
【发布时间】：2014-11-27 15:55:56
【问题描述】：

<body>
  <img src="myimage.png">
</body>

只有当您在<image> 外部单击时，我才希望有一个<a> 链接。

整个正文应该是一个可点击的链接。

我该怎么做？

【问题讨论】：

不清楚你在问什么...
这是一个子页面，如果我在该图像之外单击（图像执行其他操作），我希望返回父页面。

标签： jquery html image hyperlink

【解决方案1】：

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; 表示即使滚动它仍然会出现在屏幕上的任何位置。

【讨论】：

【解决方案2】：

创建一个填满整个屏幕的链接：

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

并以更高的 z-index 绝对定位您的图像。也许你需要在你的图片标签上设置pointer-events: none;。

【讨论】：