Вход

Просмотр полной версии : Отображения рекламных блоков в формате js

Jeick9
07.07.2015, 20:37
Здравствуйте, форумчане.
У меня на сайте проблема с отображением рекламного блока js-кодом, а именно при скроле рекламный блок перекрывает меню, которое закреплено position:fixed; top:0;
Пробовал указать z-index для блоков, но это ничего не дало. Пдскажите пожалуйста как это исправить?
EmperioAf
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
15.07.2015, 22:25
Пдскажите пожалуйста как это исправить?

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