[解決済み] 背景画像なしで透明な背景を作るには?
2022-03-09 01:08:01
質問
を希望します。
div
の背景を透明にする。
を使ってやってみました。
background-color
と
opacity
しかし、問題は、ボーダーと中のテキストも透明になってしまうことです。
例はこちら
背景画像に透過PNGを使用せずに実現することは可能でしょうか?
解決方法は?
子コンテンツではなく、背景の色だけを透過させたい場合は、以下のようにします。
background-color: rgba(0,0,0,.5); // Sets to 50% transparent
詳しくはこちらのページをご覧ください。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] CSS画像を背景で伸縮させる - 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み】私のCSS3メディアクエリがモバイルデバイスで機能しないのはなぜですか?
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み] HTMLの#記号の文字実体は?
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] 文字列が部分文字列で終わっているかどうかをXPathでテストする?
-
[解決済み] :last-child が期待通りに動作しない?
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] [CSSで背景色を透明にするには?