我有一个标签在我的html像这样:
<h1>My Website Title Here</h1>
使用css我想替换文字与我的实际标志。我已经得到的标志没有问题，通过调整标签和把背景图像通过css。然而，我不知道如何去掉这段文字。我以前见过，基本上就是把文字从屏幕上推开。问题是我不记得在哪里看到的。
当前回答
我不记得我是在哪里学会的，但我已经成功地使用它很多年了。
=hide-text()
font: 0/0 a
text-shadow: none
color: transparent
我的mixin是在sass，但你可以使用它的任何方式，你认为合适。为了更好地度量，我通常在项目的某个地方保留一个.hidden类来附加到元素上，以避免重复。
其他回答
如果只是为了让元素内部的文本不可见，可以使用rgba值将color属性设置为不透明度为0，例如color:rgba(0,0,0,0);干净简单。
用CSS替换内容
h1{ font-size: 0px;}
h1:after {
content: "new content";
font-size: 15px;
}
为什么不用:
<li><a href="#">bla</a></li>
a {
opacity: 0.0;
font-size: 1px;
}
li {
background-image: url('test.jpg');
}
如果你没有任何span或div元素，它可以完美地用于链接。
试试这段代码来缩短和隐藏文本
.hidetxt { 宽度:346 px; 显示:表标题; 空白:nowrap;} 溢出:隐藏; 文本溢出:省略; 光标:非放; ｝ .hidetxt:{徘徊 可见性:隐藏; ｝ < div class = " hidetxt”> Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时</p> < / div >
或者在你的CSS类中隐藏使用。hidext{可见性:隐藏;｝
不要使用{display:none;它使内容无法访问。您希望屏幕阅读器看到您的内容，并通过将文本替换为图像(如徽标)来视觉化它。text-indent: -999px;或者类似的方法，文本仍然在那里——只是没有视觉上的存在。使用display:none，文本就消失了。
