Модальное окно автоматическое открытие :: Web-программирование

Inna2089
помощью javascript - просто
с помощью чистого css - нужно переделывать, так как окошко появляется по селектору во время клика - .overlay:target и .overlay:target+.popup
если выставить постоянные свойства, то они не будут "сниматься" по закрытию, то есть форма будет висеть постоянно.

Ну, в общем, так - https://jsfiddle.net/dshm13by/
Но форма не будет появляться по клику, только при загрузке страницы

Код:

.overlay {
visibility: visible;
opacity: 1;
}
.overlay:target {
visibility: hidden;
opacity: 0;
}
.overlay+.popup {
top: 50%;
opacity: 1;
visibility: visible;
}
.overlay:target+.popup {
opacity: 0;
visibility: hidden;
}

и, в целом, есть тема -- FAQ по созданию всплывающих и диалоговых окон (pop-up/popup)

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки