DIV 背景半透明テキスト非半透明スタイル
|
DIVの背景は半透明ですが、DIV内の文字は半透明ではありません コードをコピー コードは次のとおりです。<body bgcolor="#336699"> <div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow"> レイヤーの背景は半透明で、フォントの色も半透明です コードをコピー コードは次のとおりです。</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) ライブブロードキャスト機能の実装実践
推薦する
C# は MySQL コマンドラインのバックアップとリカバリを実装します
MySQL データベースをバックアップするためのツールは多数あります。過去 2 日間で、C# を使用...
http:// の代わりに // を使用する利点は何ですか (アダプティブ https)
//デフォルトプロトコル/ デフォルト プロトコルの使用は、リソース アクセス プロトコルが現在の...
Nginx フォワードプロキシとリバースプロキシの違いと原理分析
1. フォワードプロキシとリバースプロキシの違いフォワード プロキシはクライアントのプロキシとして機...
MySQL 8.x msi バージョンのインストール チュートリアル (画像とテキスト付き)
1. MySQLをダウンロードする公式サイトのダウンロードアドレス https://dev.mys...
Vue3.0はドロップダウンメニューのカプセル化を実装します
Vue3.0 がリリースされてからしばらく経ちましたが、勉強を始める必要があります。まず、達成したい...
jar パッケージを Docker コンテナに変換する方法
jar パッケージを Docker コンテナに変換する方法1.まずJavaイメージをダウンロードする...
マウスがカード上に移動したときにフローティング効果を実現する CSS の使用例
原理ホバーしたときに要素に影を設定します: box-shadow で、通常とは異なるスタイルにします...
yum 経由で CentOS に PHP をインストールするチュートリアル
まず、yumを使ってCentOSにPHPをインストールする方法を紹介します。 1. PHPのyumソ...
Vue ブラウザログアウトの実装例
目次1. beforeunload イベント2. アンロードイベント3. ソースコードプロジェクトの...
HTML タグのコンテンツを編集するには、contenteditable 属性を設定します (textarea を置き換えることができます)
コードをコピーコードは次のとおりです。 <div contenteditable="...
Dockerを使用してGitlabを素早くデプロイする方法
1. GitLabイメージをダウンロードする docker pull gitlab/gitlab-c...
MySQL のロングトランザクション例の詳細な説明
序文： 「MySQL 入門」シリーズの記事は終了しました。今後も引き続き MySQL に焦点を当て、...
Prometheus を使用して、MySQL の自動増分主キーの残りの使用可能パーセンテージをカウントします。
最近、本番環境のデータベースがログデータを狂ったように書き込み、主キー値のオーバーフローを引き起こし...
CSSでフレックス配置を表示する（レイアウトツール）
display: flex レイアウトに関しては、深く理解している人もいますし、私も他の人の作業か...
MySQL Workbench の使い方チュートリアルの詳しい説明
目次(I) Workbenchを使用してデータベースを操作する①データベースを作成する② データベー...