4

这应该是一个简单的答案。我只是没有足够的 CSS 知识来知道要寻找什么来解决这个问题。

我的雇主希望我为我们网站上的所有页面添加“跳转到内容”链接，因为他有视觉障碍，这将大大提高可访问性。

我想实现这里描述的方法：http ://webaim.org/techniques/skipnav/#focus

我的问题是，当链接获得焦点时，由于文本突然出现，页面布局的其余部分被向下推了几个像素。我希望文本显示在页面顶部，而不影响其下方的布局。我可以以某种方式修复布局的位置吗？

整个布局已经用一个 div 容器包装了，所以我猜这只是向该容器添加一个 CSS 属性来修复它的位置的问题。

提前致谢。

4

1 回答 1

7

您应该能够通过绝对定位链接来做到这一点：

#skip a:active, #skip a:focus
{
position:absolute;
top: 0px; 
width:100%;
height:auto;
text-align: center;
}

绝对定位的元素会从正常流程中移除。文档和其他元素的行为就像绝对定位的元素不存在一样，因此这将在页面顶部添加链接，但不应导致其余页面元素移动。

于 2012-06-12T15:57:11.767 回答