Только что получил в свои руки почти 10-летний веб-сайт, который использует сумасшедшие медленные вещи Slide Revolution JQuery, чтобы просто отобразить полное изображение страницы с текстом и большим количеством go. Хуже всего то, что он даже не меняет размер (не реагирует). Он просто вычисляет высоту и ширину дисплея устройства и устанавливает его на странице, поэтому, если вы измените размер окна после его загрузки, оно станет очень грязным. Поэтому я бы хотел это исправить ...
Я изменил текст и изображения, но это выглядит так: https://i.imgur.com/tw6KX9f.png
Теперь я конечно, с HTML5 и CSS3 то же самое можно сделать всего за несколько строк и с гораздо более высокой производительностью, поэтому я прошу вашей помощи ...
По сути, это отзывчивый фон для обложки полной страницы и, кроме того, центрированный заголовок и lo go. Следует отметить, что текст и lo go имеют прямоугольную / круглую форму позади белого цвета, и это не полная непрозрачность. Я думаю, что тот же эффект может быть достигнут с помощью border-radius?
https://www.w3schools.com/code/tryit.asp?filename=GBUCSW1WU46K
Это все, что я мог понять о том, как получить полный фон страницы и lo go по центру сверху. Но я не знаю, как добавить текст поверх того же изображения, как выровнять группу логотипа и текста по центру по вертикали и как добавить белый фон сзади с непрозрачностью 50% и прямоугольной angular формой позади. текст и круглая форма за ло go.