大阪桐蔭 偉業の背景に“唯一の敗北”も…2年半の軌跡
大阪桐蔭 偉業の背景に“唯一の敗北”も…2年半の軌跡 アエラドット 朝日新聞出版Full coverage(続きを読む)
| 五月節句 男の子 ケース入 鎧飾り 伊達 | |
 |
商品価格：89,500円 レビュー平均：0.0 |
| （白い背景に大きなピンクの星） – ベビ | |
 |
商品価格：9,075円 レビュー平均：0.0 |
| （シルバー） – SUNBEAUTY 0 | |
 |
商品価格：8,723円 レビュー平均：0.0 |
| [送料無料]赤ちゃん写真撮影の新しい生ま | |
 |
商品価格：1,045円 レビュー平均：0.0 |
| （白い背景にグレーの星） – ベビーベッ | |
 |
商品価格：9,074円 レビュー平均：0.0 |
背景画像に半透明の黒い画像が上に掛かるよう、下記CSSで作りました。上手くいった…
背景画像に半透明の黒い画像が上に掛かるよう、下記CSSで作りました。上手くいったのですが、ブラウザの表示を縮小すると、半透明の黒画像も縮小に合わせて小さくなってしまいます。 その下にある背景画像は、「background-size: cover」になっているので、小さくならず、ブラウザに一杯広がったままです。背景画像みたく、半透明の黒画像も小さくならずに済む方法はありますか？色々調べたのですが、それらしい解決策には至りません。何方か、ご教授頂ければと思います。 ◇CSSファイル◇ #index { background-image: url(../images/IMG_8791-2.JPG); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; height: 100%; position: relative; /*親要素をrelativeにする*/ } #index:before { background-color: rgba(0,0,0,0.5); /*透過した黒を重ねる*/ position: absolute; /*親要素と同じ範囲に重ねる*/ top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -1; }(続きを読む)