css - 为什么有 CSS 规则使用 -9999px

Question

在 Twitter 网站上，我发现了以下 CSS 规则:

.ProfileCanopy-headerBg img {
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;
  bottom: -9999px;
  margin: auto 0;
  width: 100%;
} 

限制 -9999px 的原因可能是什么？

Answer 1

这是一种隐藏元素的方法，但仍允许屏幕阅读器(和类似技术)阅读内容，这与您使用 display: none 不同。

值 9999px 是任意的。实际上可以是任何负数，但我想真正将它推远感觉更安全 :P