背景(勾配付き)でテキストを隠す方法は知っていますが、高さと幅は保持していますか? visibility:私のスパンタグに隠れてしまったようです。途中でインライン要素を保持する必要があります。テキストの幅と高さを保持しますが、非表示にします
編集:
<div><span>whatever</span><img src="whatever.jpg"/></div>
背景(勾配付き)でテキストを隠す方法は知っていますが、高さと幅は保持していますか? visibility:私のスパンタグに隠れてしまったようです。途中でインライン要素を保持する必要があります。テキストの幅と高さを保持しますが、非表示にします
編集:
<div><span>whatever</span><img src="whatever.jpg"/></div>
インラインブロックを使用してください。
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;
}
merciインラインブロックしました... – ggzone
があなたのタグ内にネストされた別の<span>
タグを使用します。内部のタグは、外部が位置を保持している間に隠されるタグです。このような
<span id="outer">
<span id="inner">
<!-- whatever you want -->
</span>
</span>
そして、あなたのスタイルになりますいろいろ書い:
EXこのことができます
#outer {
width: xxx;
height: xxx;
/*any other attributes */
}
#inner {
display: inline; /*this is what would change to hidden*/
}
願っています!
あなたは何をしているかを明確にしてください、いくつかの例が役立つだろう。 –
スパンには背景が表示されている必要があり、テキストは非表示にする必要がありますか? –
問題はテキストの幅を維持する必要がありましたが、テキストは見えなくなります。それは前にテキストによって位置付けられた画像のままである。コンテナdivにグラデーションを持つbgがあり、それを選択することも可能なので、色を背景と同じに設定することはできませんでした。可視性:スパンのようなインライン要素で隠されたことはありません。 – ggzone