隐藏H1标签中的文本但不隐藏图像

Question

我需要隐藏H1标签内的文本.但不是形象.问题是我只能改变CSS而不是html

<h1>
<img src="img/headerimg.png" width="900" height="125"/>
Header 1 text
</h1>

有没有办法只用css隐藏"标题1文本"？我正在为大客户端做这个,他们只给我访问css文件.

Answer 1

提供0px字体大小

?h1{ font-size:0px }?

编辑:工作样本

Answer 2

将图像设置为的背景<h1>，将 CSS 属性添加到<h1>以使其成为图像的大小，并text-indent在标题上使用负数来删除文本。如果您也可以访问 html，那将是通常和理想的方法。

由于您只能访问 CSS，因此可以使用以下命令：

h1 {
    font-size: 0.1px; /* 0 gets disregarded by Internet Explorer, 0.1 gets interpreted right by every browser */
}