：元素没有被定位超过div

Question

我目前正在为我的个人游戏项目设计一个小的着陆页。 我想有一个不错的链接：悬停效果，所以我使用：after元素来定位链接上方的trianle，但定位不起作用。

我把代码扔在jsfiddle上。

目前三角形是绝对定位的，这是在教程的负载工作，但它不与我的跨度元素。

Answer 1

不要忘记设置position: relative到<span>元素：

span.linktopbar { 
    ... 
    position: relative; 
} 

另外，你可以设置display: inline-block，以防止滚动条盘旋时出现。

Answer 2

它始终处于中间的原因是因为linktopbar.xi总是从包含所有锚元素（div.footer）的包含div中取其绝对位置。您已将.xi元素留下：50％，这意味着它将获得第一个包含元素的位置：relative，并根据元素x，y的宽度进行计算。

您需要为每个锚元素指定一个xi或者您需要使用一些.js来计算元素的.position（）（在jQuery中），然后调整.xi左侧属性值