Descripción del problema
Encontré un problema hoy. Puse una imagen de fondo en el di inferior, y el div superior (superior) quiere mostrar texto u otros estilos en la imagen de fondo, pero voy al código fuente magin-top 移动上之后开始不显示.
solución
Agregue el siguiente código en el estilo div en la parte inferior, solo necesita agregar esta línea de código en su códigoposition: relative;
position: relative;
La versión completa del código es la siguiente (es más fácil ver que esta es la versión completa del código fuente, solo necesita agregar la línea de código anterior):
.beijing-img{
height: 270rpx;
margin-top: -80rpx;
position: relative; /* 添加这一行，创建新的堆叠上下文 */
}
Agregue el siguiente código al estilo div superior, solo necesita agregar estas dos líneas de código a su código, para que pueda position: relative;z-index: 1;
mostrar otros estilos en la imagen de fondo, si su div no es una imagen de fondo, es similar, agregue esto ¡Pruebe dos fragmentos de código!
position: relative;
z-index: 1;
El código de la versión completa es el siguiente:
.dengluxinxi-view{
height: 80rpx;
width: 370rpx;
line-height: 45rpx;
padding: 20rpx;
position: relative; /* 添加这一行，创建新的堆叠上下文 */
z-index: 1; /* 添加这一行，设置层叠顺序 */
}