2012-01-25 13 views
0

背景(勾配付き)でテキストを隠す方法は知っていますが、高さと幅は保持していますか? visibility:私のスパンタグに隠れてしまったようです。途中でインライン要素を保持する必要があります。テキストの幅と高さを保持しますが、非表示にします

編集:

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

あなたは何をしているかを明確にしてください、いくつかの例が役立つだろう。 –

+0

スパンには背景が表示されている必要があり、テキストは非表示にする必要がありますか? –

+0

問題はテキストの幅を維持する必要がありましたが、テキストは見えなくなります。それは前にテキストによって位置付けられた画像のままである。コンテナdivにグラデーションを持つbgがあり、それを選択することも可能なので、色を背景と同じに設定することはできませんでした。可視性:スパンのようなインライン要素で隠されたことはありません。 – ggzone

答えて

3

インラインブロックを使用してください。

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; 
} 
+0

merciインラインブロックしました... – ggzone

0

があなたのタグ内にネストされた別の<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*/ 
} 

願っています!