html – 跳过在Chrome中无效的链接

概述首先,我看了 this previous question,但遗憾的是它似乎没有提供任何解决方案(除了JS,我担心这是一个非首发) 我的页面顶部有一些跳过链接… <ul><li class="skip-link"><a href="#mainContent" accesskey="S"><span>Skip to main content</span></a></li><li class="s 首先,我看了 this previous question,但遗憾的是它似乎没有提供任何解决方案(除了Js,我担心这是一个非首发)

我的页面顶部有一些跳过链接…

<ul><li ><a href="#mainContent" accesskey="S"><span>Skip to main content</span></a></li><li ><a href="#main-navigation" accesskey="N"><span>Skip to main navigation</span></a></li></ul>

进一步下来……

<div ID="mainContent"></div>

这是一个空的div纯粹作为一个锚点.

当链接被激活时,一切似乎都能正常工作;视觉上页面向下跳转,焦点转移到#mainContent后的第一个链接.

但是在Chrome(版本12.0.742.91)中,虽然页面在视觉上向下移动,但焦点却没有,这意味着在激活访问键之后,再次选项卡只会将您跳回到页面顶部并返回到访问链接.

我有一个与IE相同的问题,它被放到了a known quirk,并通过为目标元素设置一个特定的宽度来修复.但是,这似乎不适用于Chrome.我也尝试在#mainContent div中添加一个tab-able元素,在#mainContent div中放置任何类型的内容,以及各种浮动/宽度/高度变化,似乎没有什么可以修复它.

有没有人与Chrome有任何类似的问题或知道修复？

在此先感谢大家

西蒙

解决方法 你可以做的最好的事情,直到有人找到一个技巧/黑客是由 this issue主演的 this issue.
你的SO伙伴可能会这样做,因为他们关心.

显然,它终于是fixed.

总结

以上是内存溢出为你收集整理的html – 跳过在Chrome中无效的链接全部内容，希望文章能够帮你解决html – 跳过在Chrome中无效的链接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。