Ответы пользователя по тегу HTML
  • Как блок вывести поверх других?

    Emanjh
    @Emanjh
    <div class="wrap1"></div>
    <div class="wrap2"></div>
    <div class="wrap3"></div>

    .wrap1 , .wrap2 , .wrap3 {
        width: 100px;
        height: 100px;
        border: none;
        position: absolute;
    }
    
    .wrap1 {
        background-color: rgb(204, 157, 165);
    } .wrap2 {
        background-color: rgb(72, 72, 138);
        top: 60px;
        left: 60px;
        z-index: 3;
    } .wrap3 {
        background-color: rgb(54, 107, 54);
        top: 120px;
        left: 120px;
    }
    Ответ написан
    Комментировать
  • Как сделать данное задание?

    Emanjh
    @Emanjh
    <div class="wrap1"></div>
    <div class="wrap2"></div>
    <div class="wrap3"></div>


    .wrap1 , .wrap2 , .wrap3 {
        width: 100px;
        height: 100px;
        border: none;
        position: absolute;
    }
    
    /* 1 Решение */
    
    /* .wrap1 {
        background-color: rgb(204, 157, 165);
    } .wrap2 {
        background-color: rgb(72, 72, 138);
        top: 60px;
        left: 60px;
    } .wrap3 {
        background-color: rgb(54, 107, 54);
        top: 120px;
        left: 120px;
    } */
    
    /* 2 Решение */
    
     /* .wrap1 {
        background-color: rgb(204, 157, 165);
    } .wrap2 {
        background-color: rgb(72, 72, 138);
        top: 60px;
        left: 60px;
        z-index: 3;
    } .wrap3 {
        background-color: rgb(54, 107, 54);
        top: 120px;
        left: 120px;
    }  */
    
    /* 3 Решение */
    
      /* .wrap1 {
        background-color: rgb(204, 157, 165);
        z-index: 3;
    } .wrap2 {
        background-color: rgb(72, 72, 138);
        top: 60px;
        left: 60px;
    } .wrap3 {
        background-color: rgb(54, 107, 54);
        top: 120px;
        left: 120px;
        z-index: 3;
    }   */
    Ответ написан
    Комментировать