Question

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

我希望只有<a>点击外部才会有<image>个链接。

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

我该怎么做？

Answer 1

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

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

并使用更高的z-index将图像置于绝对位置。也许您需要在图片代码上设置pointer-events: none;。

Answer 2

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 个答案: