Html 如何在同一位置的所有div上制作图像

Html 如何在同一位置的所有div上制作图像,html,css,Html,Css,html{ 字体系列:“开放式Sans”,无衬线; } 正文{页边距:0; 填充:0; } #包装纸{ 左侧填充:50px; 填充顶部:30px; } #第三,第五{ 背景色:#E8E8E8; } img[src^=“my_menu.png”]{ z指数:10; } #第二、第三、第四、第五{ 宽度:100%; 高度:100vh; 填充:0px; 保证金:0; 左边距:自动; 右边距:自动; 背景色:白色; z指数:-1; } #第二{ 宽度:100%; 高度:100vh; 填充:0px; 保

html{
字体系列:“开放式Sans”,无衬线;
}
正文{页边距:0;
填充:0;
}
#包装纸{
左侧填充:50px;
填充顶部:30px;
}
#第三,第五{
背景色:#E8E8E8;
}
img[src^=“my_menu.png”]{
z指数:10;
}
#第二、第三、第四、第五{
宽度:100%;
高度:100vh;
填充:0px;
保证金:0;
左边距:自动;
右边距:自动;
背景色:白色;
z指数:-1;
} 
#第二{
宽度:100%;
高度:100vh;
填充:0px;
保证金:0;
左边距:自动;
右边距:自动;
边际上限:100vh;
}
#第四,第二{
背景颜色:灰色;
}

添加福音Přerov

我不确定这是否是您想要的,但根据您的问题,这可能是您想要实现的。刚刚创建了一个内有图像的
div
(您也可以对箭头图像使用
background
属性)

html*{
框大小:边框框;
}
html,
身体{
身高:100%;
}
.满{
位置:相对位置;
高度:100vh;
宽度:100%;
}
.满:第n个孩子(1){
背景:青色;
}
.满:第n个孩子(2){
背景:洋红;
}
.满:第n个孩子(3){
背景:黄色;
}
.满:第n个孩子(4){
背景:浅灰色;
}
.向下箭头{
位置:绝对位置;
底部:10px;
宽度:32px;
高度:32px;
左:计算(50%-16px);
}
.向下箭头>img{
宽度:100%;
}

请发布一些我们可以使用的相关代码,甚至更好-提供一个演示。