#css #radial-gradients
#css #радиальные градиенты
Вопрос:
Я столкнулся с несколькими проблемами с радиальными градиентами CSS.
Мой очень простой прототип можно увидеть здесь http://payment.hvan.lt/pt /. В Chrome / Safari / Firefox градиент фона отображается правильно, однако, поскольку на странице нет содержимого, заполняющего весь экран, фон просто останавливается, а половина экрана белая. Если я использую repeat, то круг тоже повторяется, и я получаю то, чего не хочу.
В Opera градиентный фон вообще не отображается.
Что я хочу сделать, так это чтобы мы могли видеть этот белый круг в середине верхней части экрана, который превращался бы в фон # e6e6e6 во всех направлениях и заполнял бы всю страницу, независимо от того, сколько там содержимого.
Ответ №1:
Установите высоту тега body и html на 100%, и основной фон заполнит всю страницу. (работает в Chrome, не пробовал другие браузеры)
Комментарии:
1. Спасибо. Мне кажется, что высота: 100%; просто для тела было недостаточно. Как насчет совместимости с Opera?
2. Я не устанавливал Opera, чтобы попробовать, но проверьте этот генератор градиентов: colorzilla.com/gradient-editor (вероятно, это могло бы помочь)