Html 保留文本宽度和高度，但不保留“；隐藏“；信息技术

有人知道如何在背景上隐藏文本（使用渐变），但保持其高度和宽度？ 可见性：隐藏在我的span标签上似乎不起作用。顺便说一下，它应该保留一个内联元素

编辑：

不管怎样 在标记内使用另一个嵌套的

标记。内部标签是在外部保持定位时隐藏的标签

例：

希望这有帮助

使用内联块

HTML:

---

请澄清你在做什么，一些例子会有帮助。你是说跨度有一个背景应该保持可见，而文本应该隐藏？问题是我需要保持文本的宽度，但文本应该是不可见的。它位于图像的左侧，该图像由前面的文本定位。将颜色设置为与背景相同是不可能的，因为container div有一个带有渐变的背景，也可以选择它。和可见性：隐藏在像span这样的内联元素上不起作用。

<div><span>whatever</span><img src="whatever.jpg"/></div>

<span id="outer">
  <span id="inner">
    <!-- whatever you want -->
  </span>
</span>

#outer {
  width: xxx;
  height: xxx;
  /*any other attributes */
}
#inner {
  display: inline; /*this is what would change to hidden*/
}

<div>
    <span>Foo bar boo baz</span>
</div>

div
{
    background: red;
}

div span
{
    display: inline-block;
    visibility: hidden;
}