html内容与背景图片的相对位置保持不变 background

html内容与背景图片的相对位置保持不变 background

缩放屏幕的时候，希望背景图和内容元素的相对位置保持不变。background-position: center;

div {background-image: url('../../public/images/my-picture.png');background-repeat: no-repeat;background-size: cover;background-position: center;
}

缩窄屏幕前：

缩窄屏幕后：

表单背后的背景图的特征点的相对位置保持大致不变。