gpt4 book ai didi

css - chrome 22 和 css(左负)可访问性问题

转载 作者:行者123 更新时间:2023-11-28 18:35:54 27 4
gpt4 key购买 nike

我目前正在开发一个界面可访问的 AA。通过将 Chrome 更新到版本 22,所有 CSS left:-999999999999999999px 不再有效。

此元素基于导航选项卡。

是否有另一种方法可以隐藏内容,同时保持屏幕阅读器可以访问且不会降低显示效果?

感谢您的帮助。

我找到了解决方案:left:-9999999px是Chrome 22接受的最大负值抱歉,我无法发布答案...

最佳答案

另一种选择是剪辑方法。将 class="hidden"分配给要隐藏的元素:

.hidden { 
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}

然后在您想要显示内容时删除该类。这里有关于此方法和其他各种方法的更多详细信息: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

关于css - chrome 22 和 css(左负)可访问性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12739905/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com