Залить фон сайта градиентом, как????
Залить фон сайта градиентом, как????
Вопрос
Здравствуйте!
Часто вижу на сайтах, что фон залит градиентом.
Меня интересует следующее:
Можно это зделать через стили Css, ну там в бакроунде прописать два цвета к примеру и чтобы с одного цвета перетекал в другой или ещё чёнить, мне очень надо, а понять как это делают другие я немогу.
Ответ
Привет!
Здесь куда всё проще:
Надо создать картинку с градиентом в графическом редакторе, очень маленького размера и повторяем по оси блока: background-repeat: repeat-x;А других способов я к сожелению незнаю, а если кто знает то поделитесь
Отзывов (2) на «Залить фон сайта градиентом, как????»
Оставить отзыв
Вы должны войти, чтобы оставлять комментарии.
Для Internet Explorer начиная с версии 5.5 можно для этой цели спользовать Alpha-filter.
В самом примитивном изложении это реализуется так:
Можете побаловаться со стилями (их от 1 до 3), получаются интересные эффекты
Но, это работает только в ИЕ.
Свойство Opacity есть и в других браузерах, но там вам придется использовать JavaScript, чтобы добиться аналогичного результата.
Если вы не хотите заморачиваться проверкой на разные браузеры, делайте, как в приведенном совете - через картинку.
Источники:
http://www.readbox.ru/1026.html
http://www.tigir.com/opacity.htm
Я для Internet Explorer использовал, к примеру, такой код:
style=”filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#76C562, gradientType=’0′);”
Его можно поместить, например, в тег BODY или DIV. Подробнее о параметрах можно узнать из MSDN, хотя тут нет ничего сложного: задаётся начальный и конечный цвет, а затем через gradientType указывается тип (направление) градиента: вертикальный (0) или горизонтальный (1)
Естественно, что из style этот код можно вынести в CSS
Так даже будет лучше
PS: если требуется всё-таки совместимость с другими браузерами, лучше будет также задать градиент фоновой картинкой.
Удачи!