使用css隐藏文本

我有一个标签在我的html像这样:

<h1>My Website Title Here</h1>

使用css我想替换文字与我的实际标志。我已经得到的标志没有问题，通过调整标签和把背景图像通过css。然而，我不知道如何去掉这段文字。我以前见过，基本上就是把文字从屏幕上推开。问题是我不记得在哪里看到的。

当前回答

答案是使用该属性创建一个span

{显示:没有;}

你可以在这个网站上找到一个例子

其他回答

这实际上是一个成熟的讨论领域，有许多微妙的技术可用。重要的是，你选择/开发一种技术，以满足您的需求，包括:屏幕阅读器，图像/css/脚本打开/关闭组合，seo等。

这里有一些很好的资源，让你开始使用标准化图像替换技术:

http://faq.css-standards.org/Image_Replacement

http://www.alistapart.com/articles/fir

http://veerle.duoh.com/blog/links/#l-10

答案是使用该属性创建一个span

{显示:没有;}

你可以在这个网站上找到一个例子

请参阅mezzoblue，了解每种技术的优点和缺点，以及html和css示例。

要在html中隐藏文本，使用css中的text-indent属性

.classname {
 text-indent: -9999px;
 white-space: nowrap; 
}

/*对于动态文本，您需要添加空白，这样您应用的CSS将不会打扰。Nowrap意味着文本永远不会换行到下一行，文本将继续在同一行上，直到遇到<br>标记

用CSS替换内容

 h1{  font-size: 0px;}
 h1:after {
    content: "new content";
    font-size: 15px;
  }

推荐文章