Отображения рекламных блоков в формате js
Здравствуйте, форумчане.
У меня на сайте проблема с отображением рекламного блока js-кодом, а именно при скроле рекламный блок перекрывает меню, которое закреплено position:fixed; top:0; Пробовал указать z-index для блоков, но это ничего не дало. Пдскажите пожалуйста как это исправить? |
вроде бы 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>
|
Цитата:
Думаю написал не понятно. Верстку надо. |
| Часовой пояс GMT +3, время: 07:24. |