绝对定位的 div 中的死链接答案

【问题标题】：Dead link in an absolutely positioned div绝对定位的 div 中的死链接
【发布时间】：2013-10-15 21:16:30
【问题描述】：

我正在拼命尝试使链接图像上的链接正常工作，但是每当我单击该链接时，我的浏览器（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，我不确定它们是否会以某种方式搞砸。非常感谢您的帮助。

【问题讨论】：

你说的是网站上的哪个链接？
z-index 不应影响页面未加载。但是，由于视频嵌入似乎是通过 Flash 进入的，因此您需要更改该嵌入以允许其他内容出现在其上。至于页面未加载，看起来 Fancybox 因 301 重定向而窒息。是否可以使用新 URL 更新相关链接，看看是否有帮助？

标签： css wordpress iframe absolute broken-links

【解决方案1】：

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

该页面 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();

【讨论】：

如果您仔细阅读问题或自己访问该页面，您可能已经看到 OP 尝试通过 Fancybox 加载的页面确实存在
@putvande 只有新的 cmets 引用了与 fancybox 相关的任何内容，通过查看提供的代码也不是很明显。仅引用了旋转图像和大量 iframe，我认为这不值得投反对票。
在任何一种情况下，这都不能回答问题，应该作为评论而不是答案发布。
你是对的，页面确实存在。但是 URL 引用与其他 URL 不同。但是，OP 没有说明页面是否应该在 fancybox 模式中打开。如果这是预期的行为，则需要建议不同的解决方案。
链接中自动添加了 Fancybox 类。我检查了该插件的设置，它设置为“为页面上的所有图像创建图库（默认）”我什至不知道该插件的作用或更改整个站点的此设置的含义.有没有一种简单的方法可以关闭此页面或元素上的效果？我已经尝试了短链接和完整链接（themoneycouple.com/resources/love-and-money-kit）的链接，同样的事情发生了。

【解决方案2】：

我想我找到了你的意思的链接，它上面有一个 fancybox 类，所以我认为它正在尝试为你的链接打开一个 fancybox javascript 插件弹出窗口.. 这是一个重定向并且失败了所以，因为我可以右键单击链接并转到 open in new tab 并且它可以工作。

【讨论】：

如果禁用了 javascript，该链接也有效。（也许这很明显，给出了这个答案。）否则，我会收到这些错误：NetworkError: 403 Forbidden for load_scripts.php 和 SyntaxError: syntax error <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">。