没有实现效果是不是漏掉了什么

来源:2-7 编程练习

QQCC2

2019-12-09 12:48:39

<!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>


写回答

3回答

好帮手慕慕子

2019-12-09

同学你好, 能够自己发现解决问题,很棒, 但是修改中文字符之后,并没有实现蓝色盒子覆盖红色盒子的效果。

建议修改:可以给蓝色盒子添加z-index属性,提升显示层级,让其在红色盒子上

http://img.mukewang.com/climg/5dede3c809bf3d2704440305.jpg

如果帮助到了你,欢迎采纳,祝学习愉快~

0
hQCC2
h 我在编辑器上面改了一下我上面的top和left重写了一遍,没有加z-index也可以,是因为蓝色盒子写在前的缘故吗。老师说的z-index我也去尝试了,可以实现效果
h019-12-09
共1条回复

好帮手慕慕子

2019-12-10

同学你好, 编程是很灵活的,一种效果可以有多种实现效果。不清楚你改写后的代码具体是怎样,无法准确的定位问题。

如果还有疑问,可以将你修改后的代码粘贴过来,便于帮助同学准确的定位与解决问题

如果帮助到了你,欢迎采纳,祝学习愉快~

0

QQCC2

提问者

2019-12-09

解决了,是中文字符问题


0

0 学习 · 40143 问题

查看课程