0

Код вот тут:

Мне нужно чтобы внизу стоял блок - черный, а сверху - красный. Приписываю им z-index 1 и 2, соответственно, но не работает!

Иногда бывает что индексы не слушаются вот так. В чем проблема?

2
  • немного ознакомился с вашим кодом. и думаю, что решение задачи возможно без использования z-index'ов. Опишите или примерно нарисуйте, чего вы хотите?
    – user2771
    1 фев 2014 в 15:55
  • хочу при наведении курсора красный блок поднялся, тем самым показывая стоящий под ним черный блок. @silksOfTheSoul
    – navi1893
    1 фев 2014 в 15:58

1 ответ 1

1

попробуй поставить position: absolute; или :fixed; для двух блоков.


у меня не получилось расшарить код с этого сервиса, поэтому кидаю сюда.

    #row1, #row2 {
    height: 320px;
    width: 960px;

    outline: 1px solid black;
    margin: 0 auto;

    display: block;
    position: relative;
}

.grid1, .grid2, .grid3 {
    float: left;
    position: relative;
    display: block;
    width: 320px;
    height: 320px;

    background: #00f0ca;
    padding:4px;
}

.block {
    height: 320px;
    width: 320px;
    outline: 1px solid black;
    background-color: #ff0000;
    z-index: 1;
    display: block;

    position: absolute;
}

.grid_cover {
    height: 320px;
    width: 320px;
    background-color: #ccc;

    top:24px;
    left:4px;

    position: absolute;
    display: block;
}

отступы и цвет настроил для своего удобства, вы настройте так как вам нужно(соответственно и абсолютное позиционирование поправте).

2
  • значит вся проблема была в типе позиционирования? =/ Спасибо!
    – navi1893
    1 фев 2014 в 16:23
  • ... или как нибудь так) .block { height: 320px; width: 320px; outline: 1px solid black; background-color: #ff0000; z-index: 0; display: block; position: absolute; } .grid1:hover .block, .grid2:hover .block, .grid3:hover .block{ z-index: 1; }
    – user2771
    1 фев 2014 в 16:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.