https://hase12345.github.io/sample/index.html
現在上記URLでHP作成中ですが、背景画像がPCで見ると反映されていますが、スマホで見るとぼやけてしまいます。
PCの時
](20c22361fda3a7399195f33c839b7585.png)
CSS
1message-bg { 2 background-image: url(./img/-2219267639846434735_IMG_8333.JPG); 3 background-attachment: fixed; 4 background-size: cover; 5 height: 1000px; 6 text-align: left; 7 color: white; 8 background-position: 50% 50%; 9} 10 11.message-bg:before { 12 position: absolute; 13 background-color: rgba(0,0,0,0.4); 14 top: 0; 15 right: 0; 16 bottom: 0; 17 left: 0; 18 content: ' '; 19}
こちらのコードになります。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー