保持文本宽度和高度但“隐藏”它

Question

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

编辑：

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

Answer 1

使用内联块。

HTML：

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

CSS：

div
{
    background: red;
}

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