要保持子div相对于父元素背景图的位置,可以使用CSS的background-position属性。具体示例代码如下:
HTML代码:
子元素
CSS代码:
.parent {
background-image: url('背景图地址');
background-repeat: no-repeat;
background-position: center;
/* 其他样式设置 */
}
.child {
position: relative;
/* 其他样式设置 */
}
通过将父元素的背景图设置为居中显示,然后将子元素的position属性设置为relative,即可保持子div相对于父元素背景图的位置。