Не фиксированный, а липкий хедер — CSS position sticky вместо fixed
CSS: позиционирование fixed sticky
Ранее мы рассмотрели "классические" виды позиционирования, которые часто применяются в верстке и являются очень надежными и распространенными. Тут я рассмотрю менее популярные и чуть менее надежные способы. Под менее надежными я имею в ввиду, что эти методы хуже поддерживаются браузерами, и они имеют особенности в работе на мобильном. Используя их нужно обращать особое внимание на кросс-браузерность. Fixed Позиционирование относительно видимой области экрана. Его часто применяют для того, чтобы...
День 7: CSS - игра с кнопкой
background-color: transparent; - убрать цвет фона; border: none; - убрать границу; outline: none; - убрать контур при фокусе; cursor: pointer; - оставить указатель мыши для того, чтобы можно было навестись на нее. 1. Чтобы кнопка оставалась видимой и неподвижной при прокрутке страницы - position: fixed. 2. Чтобы кнопка была привязана к определенному контейнеру и двигалась с ним при прокрутке страницы (или когда контейнер находится внутри другого прокручиваемого элемента) - position: absolute. Это...