爲什麼使用-9999px

在Twitter網站有CSS規則，我發現下面的CSS規則：爲什麼使用-9999px

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

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

來源

2015-06-03 Trace

它將其隱藏在屏幕外，假設大多數人的監視器的0,0原點將保留在左上角，而且有一天不會移動到底部，這將使屏幕超過10k x 10k分辨率時可以看到這些東西。 –

下面是關於-9999px歷史的一個很好的解釋：http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ –

這可能很有趣：[How我可以複製{background-size：cover} ...]（https://redditing.net/r/webdev/comments/2ddb7q） – showdev

這是一種隱藏仍然允許屏幕閱讀器（和類似技術）閱讀內容的元素的方法，與使用display: none不同。

值9999px是任意的。可以是任何負數，但我認爲感覺更安全，可以將它推遠：P

來源

2015-06-03 21:15:19 powerbuoy

爲什麼使用-9999px

回答

相關問題