[解決済み] 背景色の不透明度、テキストの不透明度 [重複]について
2022-03-26 18:21:09
質問
の背景をクロスブラウザー(Internet Explorer 6を含む)で透明にするにはどうしたらよいですか?
div
テキストは不透明のままですか?
jQueryなどのライブラリを使用せずに行う必要があります(しかし、もしそれを行うライブラリをご存知であれば、私はそのコードを見ることができるので、ぜひ教えてください)。
どのように解決するのですか?
rgbaを使用する
.alpha60 {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
を宣言する必要があります。
background: transparent
IE のウェブブラウザのために、できれば条件付きコメントかそれに類するもので提供されるのが望ましいです!
関連
-
[CSSチュートリアル】カットコーナー+ボーダー+プロジェクション+コンテンツ背景色のグラデーション効果を実現するCSS
-
[CSSチュートリアル】背景-位置の割合の原則の説明
-
[CSSチュートリアル]cssの位置固定コードで左右2重の位置決め
-
[CSSチュートリアル]CSSは、メソッドのさまざまな記事の分割行のスタイルの要約を達成するために
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 同じ要素にbackground-imageとCSS3グラデーションを組み合わせるにはどうすればよいですか?
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み] hr要素の色を変更する
-
[解決済み] divで長い単語をワードラッピングする方法はありますか?
-
[解決済み】WebKitとは何ですか、CSSとどのような関係があるのですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】よくある2D変換を5つ実現するCSS
-
[CSSチュートリアル]z-indexの違い。cssのz-index: 0とz-index: autoの違い。
-
[css3]css3におけるtransformプロパティの4つの機能
-
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために
-
[CSSチュートリアル】Chromeのタブバーを実装するためのCSSのコツ
-
[CSSチュートリアル】CSSのクラスとidの共通命名規則
-
[CSSチュートリアル]css display table adaptive height, widthの問題解決
-
[css3]css3は、3つの方法のサンプルコードのテキストの点滅効果を達成するために
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[解決済み] CSSでテキストや画像の背景を透明にするには?