除非将其设置为绝对值，否则链接不起作用

Question

不确定原因，但我的帖子中的图片上没有链接可用，除非它设置为top.git

要点：

• position: absolute;或src
均无问题
• 指针光标未出现
• 点击图片时没有任何反应
• 当我将href设置为a时，链接会起作用，但之后一切都放错了地等等。

我尝试将其缩短以便更容易调试。

缩短HTML

position: absolute;

（缩写）完整HTML

<a href="#.jpg">
    <img src="#.jpg" alt="Alt text" width="1200" height="800">
</a>

我尝试过：

• 将 <div class="clearfix"></div> <div class="holder blacktext bildeserieholder"> <div class="container"> <div class="row"> <div class="col-md-12 centertext"> <a href="#.jpg"><img class="aligncenter size-full wp-image-512" src="#.jpg" alt="text" width="1200" height="800" /></a> <a href="#.jpg"><img class="aligncenter size-full wp-image-513" src="#.jpg" alt="text" width="600" height="900" /></a> <a href="#.jpg"><img class="aligncenter size-full wp-image-514" src="#.jpg" alt="text" width="1200" height="800" /></a> <a href="#.jpg"><img class="aligncenter size-full wp-image-515" src="#.jpg" alt="text" width="1200" height="800" /></a> <a href="#.jpg"><img class="aligncenter size-full wp-image-516" src="#.jpg" alt="text" width="600" height="900" /></a> </div> </div> </div> </div> </div> 用于link属性。
• 删除所有cursor: pointer
• 删除Chrome Inspect Element中图像和链接上的所有CSS

很难找到我做错的地方，所以我真的建议您查看页面：http://goo.gl/DqXAlC

可能不相关，但无论如何我会添加有关我正在使用的信息：

• WordPress的
• 自举
• 类型（自定义帖子等插件）

在名为“bildeserie”的WYSIWYG编辑器中，每个帖子中的类型都会上传图像。在我的单个PHP中，我有以下回声图像：

img classes

您是否有工作解决方案或任何想法？

注意：问题在于标题下方的图片和所有文字。

Answer 1

解决方案：

.holder img {
  pointer-events: none;
 }

以上是禁用图像上的链接，将其注释掉会使一切正常。

第二个解决方案：

a {
  display:inline-block;
}

这也解决了您的问题（通过扩展指向图像尺寸的链接）。

Answer 2

我认为img有一个大小，除非设置为绝对，否则链接没有大小。如果a没有大小，你没有点击你点击img的a，给你一个大小，看看会发生什么

Answer 3

您应该在style.css文件中禁用此行：

.holder img {
pointer-events: none;
}