Question

我有问题。我有一个Instagrams API的Instagram提要，它提取图像，喜欢，评论和描述。图像下的描述被这个css缩短了：

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

我还添加了一个脚本，用于在主题标签上创建链接，因此您可以直接在Feed中单击它们。

这很有效。直到您开始标记页面。由于text / hashtags在一行之后被隐藏，因此它仍然在HTML结构中，只是不可见。

因此，当我选择页面并进入Instagram提要时发生的事情是tabindex找到隐藏的主题标签。但它们是看不见的。只有焦点框显示隐藏的主题标签。

tabindex="-1"从tabindex中删除我要添加到溢出/隐藏链接的元素，但我不能手动执行此操作，因为描述是动态创建的。我需要更好的CSS（如果可能）或一些jQuery。但我不知道怎么做。

所以我的问题是，如何从tabindex中删除隐藏的链接？：）

编辑：

尝试此操作以查看父级内部或外部的元素：

http://jsfiddle.net/fprm7mgd/8/。第三段内的链接应为红色。

在网站上，当运行console.log时，第三个position().left;中的p类似于670px。但实际上a的距离是其左侧约130px。似乎position().left;来自父div，而不是来自父p ...

Answer 1

解决方案是在段落中添加... position:relative ....

position().left使用其偏移元素，在本例中为<html>。换句话说，position().left与CSS中的position: absolute完全相同。如果父级不是position: relative，则会从<html> - 元素计算。