为什么使用-9999px的CSS规则

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