隐藏css的文本缩进技巧

Posted 2021-02-24

Hiding text can be extremely useful to hide company logo. As logos are usually an image, you will want to use text indent to place it in a h1 tag for SEO (Search Engine Optimization). The technique we use is to hide the text far away off the screen, and apply a background image instead.

h1 {
2
   text-indent:-9999px;
3
   margin:0 auto;
4
   width:400px;
5
   height:100px;
6
   background:transparent url("images/logo.jpg") no-repeat scroll;
7
}