css div覆盖样式（一个div想覆盖掉另一个div在他上面进行显示）

问题描述

今天遇到一个问题，我的底部di放的是一个背景图片，上面（顶部）的这个div想在背景图像显示文字或者其他样式之类的，但是我magin-top 移动上之后开始不显示，上源码！

解决方案

在底部的div样式中添加如下代码，你只需要在你的代码中添加这一行代码即可position: relative;

position: relative; 

完整版代码如下（方便看的更清楚一些这段是完整版源码，你只需要加上面那一行代码即可）：

.beijing-img{
    
    
	height: 270rpx;
	margin-top: -80rpx;
	position: relative; /* 添加这一行，创建新的堆叠上下文 */
}

在顶部的div样式中添加如下代码，你只需要在你的代码中添加这两行代码即可position: relative;z-index: 1;
这样就可以实现在背景图上显示其它样式，如果你的不是背景图div也类似，加上这两段代码试一下！

position: relative;
z-index: 1;

完整版代码如下：

.dengluxinxi-view{
    
    
	height: 80rpx;
	width: 370rpx;
	line-height: 45rpx;
	padding: 20rpx;
	position: relative; /* 添加这一行，创建新的堆叠上下文 */
	z-index: 1; /* 添加这一行，设置层叠顺序 */
}