133

私は HTML/CSS が初めてで、テキストを 50% 透過で表示しようとしています。これまでのところ、テキストを完全に不透明に表示するHTMLがあります

<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>

ただし、不透明度を変更する方法がわかりません。オンラインで調べてみましたが、見つけたコードをどうすればよいか正確にはわかりません。

4

9 に答える 9

301

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 があります。

于 2012-05-31T14:43:56.103 に答える
113

Opacityを確認してください。この css プロパティを div に設定したり、透明にしたいものを<p>使用したりできます<span>

ところで、font タグは非推奨です。css を使用してテキストのスタイルを設定します。

div {
    opacity: 0.5;
}

編集：**テキストのみ**を透明にしたい場合、このコードは要素全体を透明にしますチェック@Mattias Buelensの回答

于 2012-05-31T14:25:08.323 に答える
18

rgbaタグをテキストの色として使用するだけです。を使用できますopacityが、それはテキストだけでなく要素全体に影響します。境界線があるとします。それも透明になります。

.text
    {
        font-family: Garamond, serif;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.5);
    }
于 2014-12-02T16:30:26.437 に答える
11

最善の解決策は、要素の「不透明度」タグを確認することです。

例えば：

.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も使用する必要があります:)

于 2012-05-31T14:29:02.273 に答える
6

cssopacity属性はどうですか？値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 宣言を使用することをお勧めしますが、font html タグの代わりに font css スタイルを使用することもお勧めします。

クロス ブラウザーの CSS3 スタイル ジェネレーターについては、 http: //css3please.com/ をご覧ください。

于 2012-05-31T14:22:41.840 に答える
4

簡単！あなたの後：

    <font color=\"black\" face=\"arial\" size=\"4\">

これを追加します：

    <font style="opacity:.6">

1 から 0 の間の 10 進数の ".6" を変更するだけです。

于 2013-12-04T19:14:25.800 に答える