我的html中有一个标记,如下所示:
<;h1>;我的网站标题在此</h1>;
使用css,我想用我的实际徽标替换文本。我已经有了标志,没有问题,通过调整标签的大小,并通过css将背景图像。然而,我不知道如何摆脱文本。我以前见过,基本上是通过将文本从屏幕上推下来实现的。问题是我不记得在哪里看到的
这是一种方式:
h1{
文本缩进:-9999px;/*将文本发送到屏幕外*/
背景图像:url(/the_img.png);/*显示图像*/
高度:100px;/*确保设置高度和宽度*/
宽度:600px;
空白:nowrap;/*因为只有第一行缩进*/
}
H1A{
大纲:无;/*在链接处于活动状态时阻止虚线*/
}
下面是另一种隐藏文本的方法,同时避免浏览器将创建的9999像素大框:
h1{
背景图像:url(/the_img.png);/*显示图像*/
高度:100px;/*确保设置高度和宽度*/
宽度:600px;
/*隐藏文本*/
文本缩进:100%;
空白:nowrap;
溢出:隐藏;
}