[解決済み】背景画像と不透明度を同じプロパティで設定することは可能ですか?
2022-04-02 09:43:16
質問
CSS参照で 画像の透過性を設定する方法 と 背景画像の設定方法 . しかし、この2つを組み合わせて、透明な背景画像を設定するにはどうしたらよいでしょうか。
背景として使いたい画像があるのですが、明るすぎるため、不透明度を0.2程度に下げたいのですが、どうすればいいですか?どうすればよいでしょうか?
#main {
background-image: url(/wp-content/uploads/2010/11/tandem.jpg);
}
解決方法は?
2つの方法があります。
- PNGに変換して、元画像の不透明度を0.2にする
-
(もっと良い方法)
<div>
というのはposition: absolute;
以前#main
と同じ高さで#main
を適用した後、background-imageとopacity: 0.2; filter: alpha(opacity=20);
.
関連
-
[解決済み] ユーザーエージェントのスタイルシートが私のCSSを上書きしないようにする方法
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] 同じ要素にbackground-imageとCSS3グラデーションを組み合わせるにはどうすればよいですか?
-
[解決済み] 背景画像に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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 他のブラウザが画像を読み込むときに、Chromeがエラー **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** を発生させる。
-
[解決済み】DIVの幅が100%というのは本当の100%ではない
-
[解決済み】Google Chromeでレスポンシブメディアクエリが機能しない件
-
[解決済み] <div style="display:none">によるテーブルデータの非表示。
-
[解決済み] ユーザーエージェントのスタイルシートが私のCSSを上書きしないようにする方法
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] ヘッダー付きCSSボックス
-
[解決済み] ブートストラップカラムで画像の下にキャプションを中央配置する
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?