いつもお世話になっております。
この度、メインビジュアルを少し暗く表示させるため、beforeでメインビジュアルの上に黒色のフィルターを設置しています。
通常は正常に表示されるのですが、
画面の横幅を980pxに設定しており、それよりも幅が狭くなったら左右スクロールが出るようにしてあります。
そうすると、スクロールを右に移動させ、スクロールで隠れている部分を表示させてみると
黒色のフィルターが外れています。
これはどういった理由でしょうか?
スクロールで隠れている部分にも黒フィルターを適用させたいのですが、、
css
1.Main-visual { 2 background-image: url("../image/main_image.jpg"); 3 background-size:cover; 4 background-repeat: no-repeat; 5 width: 100%; 6 height: 540px; 7 background-position: left ; 8 clear: both; 9} 10 11 12.Main-visual::before{ 13 /* 透過した黒を上から重ねるイメージ */ 14 background-color: rgba(0,0,0,0.4); 15 /* 自由に位置指定 */ 16 position: absolute; 17 top: 100px; 18 right: 0; 19 left: 0; 20 bottom: 187px; 21 content: ' '; 22 clear: both; 23 width: 100%; 24 height: 540px; 25} 26
その他必要情報あれば追記致します。
![guest](/img/icon/icnUserSample.jpg)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。