回答:
opacity
要素全体に適用されるため、その要素に背景、境界線、またはその他の効果がある場合、それらも透明になります。あなたは場合にのみ、テキストは透明で、使用になりたいですrgba
。
#foo {
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
font-size: 16pt;
font-family: Arial, sans-serif;
}
また、から遠く離れて操縦してください<font>
。現在、そのためのCSSがあります。
rgba
。
チェック不透明度を、あなたはdiv要素に、このCSSのプロパティを設定することができ、<p>
または使用して<span>
、あなたが透明にします
ちなみに、fontタグは廃止予定です。CSSを使用してテキストのスタイルを設定してください
div {
opacity: 0.5;
}
編集:このコードは要素全体を透明にします。**テキストのみ**透明にしたい場合は、@ Mattias Buelensの回答を確認してください
最善の解決策は、要素の「不透明度」タグを確認することです。
例えば:
.image
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
したがって、あなたの場合は次のようになります:
<html><span style="opacity: 0.5;"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>
ただし、タグはHTML5ではサポートされていないことを忘れないでください。
CSSも使用する必要があります:)
css opacity
属性はどうですか?値。0
1
ただし、おそらく「フォント」よりも明確なdom要素を使用する必要があります。例えば:
<html><body><span style=\"opacity: 0.5;\"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></span></body></html>
追加情報として、もちろん、HTML要素の外でCSS宣言を使用することをお勧めしますが、フォントのhtmlタグの代わりにフォントのcssスタイルを使用してみてください。
クロスブラウザーのcss3スタイルジェネレーターについては、http: //css3please.com/をご覧ください。
かんたん!あなたの後:
<font color=\"black\" face=\"arial\" size=\"4\">
これを追加:
<font style="opacity:.6">
1から0までの10進数の「.6」を変更するだけです
子要素に影響を与えずに要素の背景の不透明度または透明度を変更するためにのみ使用できるbackground-opacityなどのCSSプロパティはありませんが、CSS opacityプロパティを使用しようとすると、背景の不透明度ですが、すべての子要素の不透明度も変更します。このような状況では、CSS3で導入されたRGBAカラーを使用できます。これには、カラー値の一部としてアルファ透明度が含まれます。RGBAカラーを使用して、背景の色と透明度を設定できます。