网站logo常用text-indent:-9999px 隐藏字体方法转载

-9999px 使浏览器画一个9999宽的盒子... 会降低一些性能。 更有效率的方法（试过了，h1也能用）： .hide-text { text-indent: 100%; white-space ...

在h1使用上语义明确，符合语义化定义。text-indent就是首行缩进，大家都在中文段落，首行空两格用过它。这里通过负值缩进，使文字超出可视区，而这时h1下的背景 ...

不過這樣子對瀏覽器來說會有效能上的問題，因為瀏覽器必須真的render出-999px 因此，有個可以達到一樣效果但效能較好的替代方法. 顯示原始碼.

This -9999 indent business boils down to the difference between what the user is presented with and what the spiders are presented with. Spiders ...

Using “text-indent: -9999px”, or hiding text (keeping text out of the user's sight in a browser), is common spammer's technique to hide off-topic keywords and/ ...

What's the purpose of the text-indent: -9999em? ... The solution is using a huge text indent number (-9999, to take it off of the left side of the page).

There is a very well known technique in web design to hide text on the page by adding a text-indent CSS property of -9999px.

A good reason not to use the -9999px method is that the browser has to draw a 9999px box for each element that this is applied to.

Applying text-align: left; overrides a text-align: right declaration for a parent element and fixes the problem. Yay! – Martyn Chamberlin.

It seems that everyone is saying text-indent is ok. Why would using text-indent: -9999px be better than display:none for any purpose?