html - 保留文本宽度和高度但 "hide"它

Question

有人知道如何在背景上隐藏文本(使用渐变)但保持其高度和宽度吗？ visibility:hidden 在我的 span-Tag 上似乎不起作用。顺便说一句，它应该保留一个内联元素。

编辑:

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

Answer 1

使用内联 block 。

http://caniuse.com/#search=inline-block

HTML:

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

CSS:

div
{
    background: red;
}

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