Html 链接只有在'；设置为绝对值

不知道为什么，但我的帖子中的图片链接都不起作用，除非设置为

位置：绝对

摘要：


无论是
src
还是
href
指针光标不出现
单击图像时不会发生任何事情
当我将
a
设置为
位置：绝对时，链接工作，但是所有的东西都放错地方了等等


我试着缩短它，使它更容易调试

缩短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>

你有有效的解决方案或想法吗

注意：问题在于标题下的图像和所有文本。
我认为img有一个大小，而链接没有大小，除非设置为绝对。如果a没有大小，则表示您没有单击a。如果您正在单击img，请给出a大小，然后查看发生的情况。
解决方案：

.holder img {
  pointer-events: none;
 }

以上是禁用图像上的链接，注释它将使一切工作

第二种解决方案：

a {
  display:inline-block;
}

这也解决了您的问题（通过将链接扩展到图像的维度）。
您应该在style.css文件中禁用这一行：

.holder img {
pointer-events: none;
}

请在您的问题中发布完整的代码示例。A） 我不会去一个未知的网站，通过代码来调试它，B）一旦问题得到解决，那么如果代码不在这里，这个问题将对未来的访问者失去所有价值，C）添加A有助于您调试问题。谢谢。我会查出来的谢谢你的评论。实际上，我也在考虑同样的问题，但当我改变
高度
和
宽度
CSS不是我的强项时，一切都没有改变。我知道我以前已经修好了，但我不记得是怎么修好的。您可以在relative上尝试这两种方法，并为a和img提供相同的HxW，看看这对您有什么好处，谢谢。这个问题通过删除一些其他CSS来解决：）这就是解决方案。真不敢相信我没想到。谢谢。WordPress经常为您添加的元素添加样式。调试这种风格的东西的第一步应该是检查浏览器中的元素，并对其进行修补，以便了解WordPress的功能！只是对未来的一些建议，谢谢。我确实这么做了，但我找不到错误。我想我只是太迟钝了
.holder img {
pointer-events: none;
}