絕對定位的div中的死鏈接

我試圖拼命地讓鏈接上的圖像工作，但每當我點擊鏈接，我的瀏覽器（Chrome瀏覽器&火狐）只是告訴我，他們連接到頁面，我就像瀏覽器正在做某件事一樣，獲得連續旋轉的圖像。如果我在另一個選項卡中打開，該鏈接完美工作。絕對定位的div中的死鏈接

該問題的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，我不確定這些是否以某種方式混淆了事情。非常感謝您的幫助。

來源

2013-10-15 Anthony Ashley

你談論的網站上有什麼聯繫？ – putvande

z-index應該不會影響未加載的頁面。但是，由於視頻嵌入似乎是通過Flash進入的，因此您需要更改嵌入以允許其他內容出現。至於頁面沒有加載，它看起來像Fancybox窒息301重定向。是否有可能用新的URL更新有問題的鏈接，看看是否有幫助？ –

它看起來像該HREF的URL嘗試使用fancybox協議加載頁面作爲模式。這是預期的嗎？

該頁面ID是否存在？它的外觀看起來與網站上的其他網頁網址不同。

有一個jQuery函數，針對每一個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();

來源

2013-10-15 21:27:48 Roralee

如果你仔細閱讀這個問題或者親自訪問這個頁面，你可能已經看到頁面OP正在嘗試通過Fancybox加載確實存在 – putvande

@putvande只有新的評論引用任何與fancybox做的事情，這也不是明顯的通過看提供的代碼。這裏只提到一個旋轉的圖像和大量的iframe，我認爲這不值得贊成。 – Pricey

在這兩種情況下，這都不回答問題，應該發佈爲評論而不是答案。 – showdev

我想我找到了你的意思，它有一個fancybox類的鏈接，所以我認爲它試圖打開一個fancybox JavaScript插件彈出窗口爲您的鏈接..這是一個重定向和失敗的做法，因爲我可以右鍵點擊鏈接並轉至open in new tab，它可以工作。

來源

2013-10-15 21:25:31 Pricey

如果javascript被禁用，鏈接也可以使用。（也許這是顯而易見的，否則，我得到這些錯誤：'NetworkError：403 Forbidden'for load_scripts.php和SyntaxError：語法錯誤<！DOCTYPE HTML PUBLIC> - // IETF // DTD HTML 2.0 // EN「>'。 – showdev

絕對定位的div中的死鏈接

回答

相關問題