Форум

Jeick9 · #1 (**permalink**) 07.07.2015, 20:37

Здравствуйте, форумчане.
У меня на сайте проблема с отображением рекламного блока js-кодом, а именно при скроле рекламный блок перекрывает меню, которое закреплено position:fixed; top:0;
Пробовал указать z-index для блоков, но это ничего не дало. Пдскажите пожалуйста как это исправить?

EmperioAf · #2 (**permalink**) 07.07.2015, 20:59

вроде бы z-index нормально работает

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        body{
 margin:0;
 padding:0;
}

.some {
  width: 5px;
  word-wrap: break-all;
}

.menu {
  position: fixed;
  top:0;
  right:0;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: green;
}

.abs {
  position: absolute;
  top:100px;
  right:0;
  background: red;
  width: 50px;
  height: 50px;
}

.wrap {
  position: relative;
}
    </style>
</head>
<body> 
  <div class="wrap">
<div class="some">буг ага гага гга буга гаг ага гга буга гаг ага гга бугаг агагагга буга гага гагга буг ага гага гга бугаг ага гагг а буг агаг агагга бугаг агагагга  бугага гага гга бугага гаг агга бугаг агагагга бугагага гагга бугагага гагга бугагагага гга  бугаг агагагга бугаг агагаггабуг агагаг агг абугаг агаг аг габугагагагагга</div>
<div class="menu">menu</div>
<div class="abs">price-block</div>
</div>
</body>

</html>

join · #3 (**permalink**) 15.07.2015, 22:25

Сообщение от Jeick9

Пдскажите пожалуйста как это исправить?

Самому верхнему предку(тегу-контейнеру) рекламного блока надо ставить z-index больше, чем у предка менюшки одного с ним уровня.
Думаю написал не понятно. Верстку надо.

Форум

Справочник

Discord чат

Курсы javascript