没有实现效果是不是漏掉了什么
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
}
.blue{
width: 100px;
height: 100px;
background: blue;
/*在此处添加相应代码*/
position:relative;
top：50px;
left:50px;
}
.red{
width: 100px;
height: 100px;
background: red;
position：relative;
}
</style>
</head>
<body>
<div class="blue"></div>
<div class="red"></div>
</body>
</html>
16
收起
正在回答
3回答
同学你好， 能够自己发现解决问题，很棒， 但是修改中文字符之后，并没有实现蓝色盒子覆盖红色盒子的效果。
建议修改：可以给蓝色盒子添加z-index属性，提升显示层级，让其在红色盒子上
如果帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星