TABINDEX和溢出：隱藏

我有一個問題。我有Instagrams API提供的Instagram提要，可以提取圖片，喜歡，評論和說明。圖片下的說明是由這個CSS短路：TABINDEX和溢出：隱藏

#instagram-feed .meta-data p { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    color: #000; 
}

我還添加了創建主題標記鏈接腳本中，這樣你就可以直接在飼料中點擊它們。

這個偉大的工程。直到你開始選擇頁面。由於text/hashtags在一行之後隱藏，它仍然在HTML結構中，只是不可見。

那麼當我選擇頁面並轉到Instagram feed時會發生什麼，tabindex會發現隱藏的hashtags。但它們是隱形的。只有焦點框架顯示在隱藏的主題標籤周圍。

tabindex="-1"從tabindex中刪除要添加到溢出/隱藏鏈接的元素，但由於描述是動態創建的，因此我無法手動執行此操作。我需要更好的CSS（如果可能）或某種jQuery。但我不知道如何。

所以我的問題是，如何從tabindex中刪除隱藏的鏈接？ :)

編輯：

嘗試這個，看看哪些元素是內部或外部的父：

http://jsfiddle.net/fprm7mgd/8/。第三段內的鏈接應該是紅色的。

在運行console.log時，網站上position().left;在第三個p的內容大約是670像素。但實際上，它的父母左側的距離大約爲130px。好像position().left;去從父DIV，而不是從父p ...

2015-11-26 JoakimB

的解決方案是增加... position:relative ...的段落。

position().left使用其偏移元素，在這種情況下是<html>。換句話說，position().left與CSS中的position: absolute完全一樣。如果父母不是position: relative，則它從<html>-元素計數。

2015-11-27 10:43:24 JoakimB

回答