Вопросы Теги

модальное всплывающее окно как Google

Как сделать модальное всплывающее окно как Gmail (когда мы пытаемся загрузить exe всплывающее окно, которое генерирует полосу прокрутки покрытий страницы),

5
задан Niraj Choubey 18 June 2010 в 11:38
поделиться

3 ответа

Посмотрите следующие плагины модальных диалогов для jQuery:

1
ответ дан 14 December 2019 в 01:01
поделиться

Посмотрите на модальный вариант в jQuery UI Dialog или на функцию JavaScript alert() если вам нужен только простой текстовый диалог.

0
ответ дан 14 December 2019 в 01:01
поделиться

GMail работает с iframe , а оверлей div не находится внутри этого iframe, поэтому он остается поверх iframe, следовательно, поверх полоса прокрутки.

Код из GMail 

html, body {
    height:100%;
    margin:0;
    overflow:hidden; /* no scrollbars (only in the iframe) */
    width:100%;
}

.cO { /* this is the iframe */
    height:100%;
    width:100%;
}

.Kj-JD {
    background-color:#C3D9FF;
    border:1px solid #4E5766;
    color:#000000;
    outline:0 none;
    padding:5px;
    position:absolute;
    top:0;
    width:450px;
    z-index:501; /* div stays on top */
}

.Kj-JD-Jh { /* the shadow */
    background-color:#808080;
    left:0;
    position:absolute;
    top:0;
    z-index:500;
}

Образец HTML 

<body>
    <iframe class="cO">...</iframe> <!-- the scroll works on the iframe, not the body -->
    <div class="Kj-JD"></div> <!-- outside the iframe -->
    <div class="Kj-JD-Jh" style="opacity: 0.5; width: 1440px; height: 361px;"></div> <!-- black background -->
</body>

Чтобы показать div сверху, я рекомендую jqModal , он сделает всю тяжелую работу за вас.

7
ответ дан 14 December 2019 в 01:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: