Sign in to follow this  
RestWEB

Положение модального окна

Recommended Posts

Приветствую! Есть модальное окошко с затемнением. Написано на 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;}

При прокрутке окно стоит на месте, а сам сайт прокручивается.

 

Не могу внести изменения чтобы модальное окно тоже прокручивалось...

Share this post


Link to post
Share on other sites

popup3 уберите position:fixed

 

Конечно вы правы, только надо не убрать fixed, а изменить на absolute.

 

Ночь была, надо было подождать до утра, а не бежать на форум с глупыми вопросами :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By Adrian_v1
      Всем привет. Новичок, месяц назад понятия не имел о чем речь. За месяц cверстал сайт, с помощью видео уроков и форумов. 

      Есть две проблемы. 
      1. Хочу добавить всплывающие окошко. На CSS и HTML, без JS. (Скрин №1). Не хватает смекалки, как его сделать по вызову кнопки. Кнопка "#24/7/365". 
      2. Какие свойства посоветуете задать для видео фона, что бы он был во все окно браузера. Если заходить с сафари, проблем нет. Но если с хрома, справа торчит полоска. (Скрин №2)
      Критику воспринимаю адекватно, любые советы приветствуются. Отблагодарю советами по тренировкам по плаванию, так как являюсь тренером.
       
      Сайт - http://demolishingswim.club
       


    • By Daniel
      Возникла такая проблема. Необходимо ввести данные, а затем вывести эти данные в модальном окне, выскакивающее на этой же странице, никакой обработки. Можно ли как то использовать имя или id форм, чтобы потом их вывести в окне? Желательно без использования php и js, т.к. я их ещё не знаю. К примеру: ввёл я логин и пароль и в модальном окне мне высветилось: "Ваш логин: хххх, ваш пароль: хххх" Использую boostrap для модального окна.
    • By Vic-Tor
      Добрый день всем, кто помогает таким балбесам, как я!
      С внешним видом всплывающего окна кое-как разобрался, хотя не уверен, ткните, если что не так, а вот с периодичностью показа не разобрался, во всяком случае, не работает.
      Исходники брал тут, а макет пока тут.
      Прошу не пинать, а помочь, т.к. в скриптах я не разбираюсь вообще, да и в хтмл не асс.
      Спасибо!
  • Member Statistics

    46,763
    Total Members
    3,128
    Most Online
    newe
    Newest Member
    newe
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.