DIV 背景半透明テキスト非半透明スタイル

DIVの背景は半透明ですが、DIV内の文字は半透明ではありません

コードをコピー

コードは次のとおりです。

レイヤーの背景は半透明で、フォントの色も半透明です

コードをコピー

コードは次のとおりです。

</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">レイヤーの背景は半透明ですが、フォントの色は半透明ではありません</span></div>

*******フィルター付きのレイヤーには幅属性が必要です。そうでない場合、フィルターは無効になります。 ********

CSS スタイルフィルターを使用して、一部の HTML タグにフィルター効果を設定できます。

例：

白黒写真フィルター：グレー;
X線写真フィルター: X線;
風ぼかしフィルター: blur(add=true,direction=45,strength=30);
正弦波フィルター: Wave(Add=0、Freq=60、LightStrength=1、Phase=0、Strength=3);
半透明効果フィルター: アルファ(不透明度=50);
線形透明フィルター: Alpha(不透明度=0、完了不透明度=100、スタイル=1、開始X=0、開始Y=0、完了X=100、完了Y=140);
放射線透明度フィルター: Alpha(不透明度=10、完了不透明度=100、スタイル=2、開始X=30、開始Y=30、完了X=200、完了Y=200);
白透明フィルター: Chroma(Color=#FFFFFF);
カラーフィルターを減らす: グレー;
ネガティブ効果フィルター: 反転;
左右反転フィルター: fliph;
垂直反転フィルター: flipv;
投影効果フィルター:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
モザイクフィルター:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
グロー効果フィルター:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
ソフトエッジ効果フィルター:alpha(不透明度=100、仕上げ不透明度=0、スタイル=2

<<: MySQL で日付を保存するためのベストプラクティスガイド

>>: Vue+webrtc (Tencent Cloud) ライブブロードキャスト機能の実装実践