Веб-сайты могут приобрести более роскошный вид, подобный переплету книги, с помощью простого CSS-трюка для пользователей iOS Safari. По умолчанию iOS Safari расширяет контент веб-сайта за пределы строки состояния и панели вкладок, отображая цвет фона тела страницы. Если цвет фона не указан, это может привести к простому белому расширению.Чтобы улучшить это, можно применить цвет фона CSS к телу страницы, чтобы расширения совпадали с верхним и нижним колонтитулами, создавая более целостный вид. Однако этот метод заставляет верхнее и нижнее расширения иметь одинаковый цвет, что не всегда желательно. Более продвинутое решение включает создание отдельных фиксированных элементов для верхнего и нижнего расширений, чтобы соответствовать различным цветам верхнего и нижнего колонтитулов, но это может быть сложно.Более практичный подход заключается в реализации более простого хака, используя только элемент .top. Это позволяет нижнему расширению наследовать цвет тела страницы, предлагая тонкий и менее навязчивый пользовательский интерфейс. Автор протестировал эти методы на версиях macOS и iOS 26, но отмечает, что будущие обновления могут повлиять на их эффективность. В конечном итоге, эти CSS-трюки направлены на то, чтобы превратить веб-сайт из простой доставки контента в более увлекательный опыт.