有没有一种方法可以使用css和清除空格来隐藏文本？

我正试图想出解决这个问题的办法

我有一个控件，背景是图像

我希望表单上的文本包含在bg图像中，但是为了便于访问，我希望将其包含在H3标记中

我在解决方案中遇到的问题是，空间仍然是分配的，我需要它被抑制。它也需要对谷歌友好

我有两个解决方案：

text-indent:-999px;

text-indent:100%;  
white-space:nowrap;  
overflow:hidden;

---

有什么想法吗？

隐藏元素的正常方法是使用以下方法之一：

可见性：隐藏隐藏元素但仍占用空间

显示：无隐藏元素且不占用空间

我相信在这种情况下，第二个是你想要的
 隐藏元素的常规方法是使用以下方法之一：

可见性：隐藏隐藏元素但仍占用空间

显示：无隐藏元素且不占用空间

我相信在这种情况下，第二个是你想要的
 首先

display: none;

但是，如果您愿意，可能会有其他解决方案来设置标题标记的样式

/* on its container */
overflow: hidden;

/* on h3 tag */
float: left;
margin-left: -100%;

或

您可能还需要设置/重置一些其他属性，以清除标题周围的任何其他空间，如

margin, padding, white-space, text-indent, border, etc.

嗯，首先

display: none;

但是，如果您愿意，可能会有其他解决方案来设置标题标记的样式

/* on its container */
overflow: hidden;

/* on h3 tag */
float: left;
margin-left: -100%;

或

您可能还需要设置/重置一些其他属性，以清除标题周围的任何其他空间，如

margin, padding, white-space, text-indent, border, etc.

您可以给出
字体大小：0到您的h3标签标题将与您的背景一起出现在您的代码中。
这将有助于你进行搜索引擎优化。。

HTML

<div id="wrap">    
  <h3>heading</h3>
</div>

您可以给出
字体大小：0到您的h3标签标题将与您的背景一起出现在您的代码中。
这将有助于你进行搜索引擎优化。。

HTML

<div id="wrap">    
  <h3>heading</h3>
</div>

但是，我通常使用
display:none但是，我通常使用
显示：无