例2:背景画像を左上に固定表示しています。
body要素の::before擬似要素に指定しています。
background-attachment: fixed;が、モバイル端末では固定ができないようなので、
::before擬似要素で固定するという方法をご紹介します。

body::before{
background-color: #ffffff;
background-image : url(画像ファイル名);
background-repeat: no-repeat;
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}

例2:背景画像を左上に固定表示しています。
body要素の::before擬似要素に指定しています。
background-attachment: fixed;が、モバイル端末では固定ができないようなので、
::before擬似要素で固定するという方法をご紹介します。

body::before{
background-color: #ffffff;
background-image : url(画像ファイル名);
background-repeat: no-repeat;
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}