css - 绝对定位的 div 中的死链接

Question

我正在拼命尝试使链接图像上的链接正常工作，但每当我点击该链接时，我的浏览器(Chrome 和 Firefox)只告诉我它们正在连接到该页面，并且我得到一个连续旋转的图像，就好像浏览器正在做某事。如果我在另一个选项卡中打开，该链接将完美运行。

有问题的 div 在 Wordpress 页面中进行了编码和样式设置。我正在为客户更改其他开发人员的工作。

这是 div:

<div style="position: absolute; top: 645px; left: 80px; width: 150px;">
  <a href="http://themoneycouple.com/?p=4681" target="_top" style="display:inline-block">
    <img src="http://themoneycouple.com/wp-content/uploads/2013/10/kit-history.png" alt="Toolkit History Link" width="150" height="170" style="position:relative; display:block; z-index:999999999999;" />
  </a>
</div>

这是它所在的页面:http://themoneycouple.com/resources/love-and-money-kit/

我尝试过以多种方式更改每个元素的 z-index，尝试以各种可能的方式更改链接目标，更改显示设置等。

最后一点，这个页面上有很多 iframe，我不确定它们是否以某种方式把事情搞砸了。非常感谢您的帮助。

Answer 1

看起来 HREF 的 URL 正在尝试使用 fancybox 协议(protocol)将页面加载为模式。这是预期的结果吗？

该页面 ID 是否存在？它看起来 URL 看起来与站点上的其他页面 URL 不同。

---

有一个 jQuery 函数以每个带有 A 标签的 IMG 标签为目标，并应用“fancybox”类。修改此函数的特异性以排除库中的最后一项。更好的是，创建一个新类并将其添加到应该具有 fancybox 功能的元素中。同样的问题发生在 HREF 转到页面而不是打开图像的其他页面上。

当前的 jQuery 函数:

var thumbnails = jQuery("a:has(img)").not(".nolightbox").filter( function() { return /\.(jpe?g|png|gif|bmp)$/i.test(jQuery(this).attr('href')) });

thumbnails.addClass("fancybox").attr("rel","fancybox").getTitle();