После нажатия на всплывающее окно с изображением страница останется в том же положении.CSS

Разбираемся в CSS
Гость
После нажатия на всплывающее окно с изображением страница останется в том же положении.

Сообщение Гость »


Как заставить браузер вернуться в то же положение, в котором он находился до щелчка, после нажатия на всплывающее окно с изображением?

После нажатия на всплывающее изображение страница перемещается вверх (красный квадрат в примере), и я бы хотел, чтобы задняя позиция оставалась там, где находится кнопка Нажмите.

* {overflow:visible;} div {фон: светло-серый; высота: 200 пикселей; ширина: 200 пикселей; поле: 0 авто 20 пикселей;} div:first-child {фон:красный;} .неожиданно возникнуть { положение: фиксированное; верх: 0; отступ-верх: 80 пикселей; ширина: 100%; высота: 100%; дисплей: нет; выравнивание текста: по центру; фон: #747691; z-индекс: 510; непрозрачность: 1; слева: 0; вертикальное выравнивание: сверху; } .popup:цель { дисплей: блок; -webkit-animation-name: постепенное исчезновение 0, 2 с; имя-анимации: постепенное исчезновение; продолжительность анимации: 0,2 с; цвет фона: rgb(116, 118, 145); цвет фона: rgba(116, 118, 145, 0,7); Нажмите
Изображение
< /а>

Вернуться в «CSS»