![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
RestWEB
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by RestWEB
-
-
Приветствую! Есть модальное окошко с затемнением. Написано на html+css.
<a href="#x" class="overlay" id="win3"></a><div class="popup3">Окошко</div>
.popup3 { width: 500px; height: 735px; margin: auto; background: #ffffff; display: block; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 10;}.overlay:target+.popup3 { top: 1%; opacity: 1; visibility: visible;}.overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}.overlay:target { visibility: visible; opacity: 1;}
При прокрутке окно стоит на месте, а сам сайт прокручивается.
Не могу внести изменения чтобы модальное окно тоже прокручивалось...
-
Большое спасибо! z-index решил эту проблему.
-
На странице есть шапка с позицией fixed:
.top_menu_p { position: fixed; left: 0; top: 0; padding: 0px; background: #ffffff; width: 100%;}
Так же есть слайдер контента (jcarousel) с позицией relative:
.jcarousel ul { position: relative; width: 20000em; list-style: none; margin: 0; padding: 0;}
При пролистывании станицы, когда шапка подходит к слайдеру, он отображается поверх шапки. Как это исправить? У слайдера позицию relative не заменить, иначе не будет работать. КТо-нибудь сталкивался с такой проблемой?
Положение модального окна
in HTML Coding
Posted
Конечно вы правы, только надо не убрать fixed, а изменить на absolute.
Ночь была, надо было подождать до утра, а не бежать на форум с глупыми вопросами![:)](https://htmlforum.dev/uploads/emoticons/default_smile.png)