css - 为什么 facebook 使用 margin-left : -9999px to hide elements?

标签 css

我在 Facebook 的流中玩 firebug,我注意到“更新选项”菜单的样式有些有趣(将鼠标悬停在更新右上角的向下箭头按钮)。在我看来,他们通过设置 margin-left: -9999px 来隐藏这个菜单,并通过用 margin-left: auto 覆盖它来显示它们。我想不出这样做而不是显示的理由:无。这样做有什么理由吗?

最佳答案

这是一个无障碍的东西。带有display: none 的文本也不会显示在屏幕阅读器上。您可以在 CSS in Action: Invisible Content Just for Screen Reader Users 上阅读它。 .

关于css - 为什么 facebook 使用 margin-left : -9999px to hide elements?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9400880/

相关文章:

在 Visual Studio 中捆绑时,CSS 相对 URL 不起作用

html - 使用 flexbox 对齐图像

javascript - 缩放图像组以适合父宽度/高度

google-chrome - html5视频上的圆 Angular

javascript - CSS:如何动态增大/缩小 HTML 表格列

css - 是否有在 7 上有中心栏的 Web 安全字体?

jquery - 使用 Bootstrap 和 Aurelia 附加的井的随机移动

javascript - 使用 Jquery 自定义按钮和 slider (大小、位置、标题大小)

html - 手机上如何让div内容占据整个屏幕?

ios - 使用字体变体 : small-caps with font (latin extended) on safari