text-indent:-9999px;

建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑，要用logo图片来代替h1，这时需要隐藏h1内的这段文字，但又不能对搜索引擎不友好，否则就失去了定义h1标签的意义。 在CSS中如何以图代字，找了一下CSS隐藏文字的方法，有以下几条： 1、display:none; 这个大家普遍说法是，搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略，不为隐藏的对象保留物理占位空间。GG也搜CSS文件？不过如果用这个方法，<h1>如何设计，也是难题。 2、visibility:hidden; 和display:none;相对应，为隐藏的对象保留物理占位空间。　　 3、overflow:hidden; 这是网上用的最多的方法，但是我认为对于隐藏h1标签的“站点名称”文字，不太合适，原因我在最后说。 .texthidden{ 　　display:block; 　　overflow:hidden; 　　width:0; 　　height:0; } 　　4、positon:absolute; 　　用绝对定位将其推出可视区，不过虽然可视性不存在，但仍占据物理空间，与隐藏文字的宗旨相背，另外我个人不喜欢用绝对坐标定位magin这个属性，margin在不同浏览器中总是带来不可预料的Bug。 .texthidden{ 　　positon:absolute; 　　margin-top:-9999px;