首先,我看过上一个问题 https://stackoverflow.com/questions/3572843/skip-navigation-link-not-working-in-google-chrome但遗憾的是它似乎没有提供任何解决方案(除了 JS 之外,我担心这是一个不可能的解决方案)
我的页面顶部有一些跳过链接...
<ul>
<li class="skip-link"><a href="#mainContent" accesskey="S"><span>Skip to main content</span></a></li>
<li class="skip-link"><a href="#main-navigation" accesskey="N"><span>Skip to main navigation</span></a></li>
</ul>
再往下还有……
<div id="mainContent"></div>
这是一个空的 div,纯粹用作锚点。
当链接被激活时,一切似乎都工作正常;视觉上页面向下跳转,焦点转移到#mainContent之后的第一个链接。
然而,在 Chrome (v 12.0.742.91) 中,虽然页面在视觉上向下移动,但焦点并未向下移动,这意味着在激活快捷键后,再次按 Tab 键只会跳回页面顶部并返回访问链接。
我在 IE 上也遇到了同样的问题,原因是一个已知的怪癖 http://webaim.org/techniques/skipnav/#iequirk并通过为目标元素设置特定宽度来修复。然而,这似乎不适用于 Chrome。我还尝试在 #mainContent div 中添加可选项卡元素,在 #mainContent div 中放入任何类型的内容,以及各种浮动/宽度/高度变化,但似乎没有任何方法可以修复它。
有人在使用 Chrome 时遇到过类似问题或知道解决方法吗?
提前感谢各位
Simon
The best you can do until someone find a trick/hack is starring this issue https://code.google.com/p/chromium/issues/detail?id=262171 which succeeded this one http://code.google.com/p/chromium/issues/detail?id=37721.
Your SO fellows will probably do the same because they care.
显然,终于到了fixed https://bugs.chromium.org/p/chromium/issues/detail?id=454172#c22.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)