Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 55
скорее под хабракат
=)), у меня не было возможности проверить во всех браузерах лично ), поэтому воспользовался сервисом BrowserShots, на скрине в IE5 рабоатет )), но думаю это уже мало кого волнует ). Информация по вопросу еще есть тут
Ирония? :)
Вот заминусовали человека вусмерть, а ему может надо.
Может он из секретного НИИ Пространственного Единообразия Темпоральности. Выясняет, будет ли его экспериментальный вневременной сайт нормально отображаться на Trident III.
Может он из секретного НИИ Пространственного Единообразия Темпоральности. Выясняет, будет ли его экспериментальный вневременной сайт нормально отображаться на Trident III.
В своё время добивался похожего результата, делая бэкграундом стопроцентный по ширине и высоте флэш. А уже во флэшке делал граниент.
Можно даже плавную анимацию смены цветов градиента реализовать.
Навряд ли мой вариант быстрее SVG, однако работает :)
Можно даже плавную анимацию смены цветов градиента реализовать.
Навряд ли мой вариант быстрее SVG, однако работает :)
Ну я не утверждаю что вариант идеален, видите ли, при использовании флеша, браузер запросит новую версию плагина. SVG отображается «молча» ). Смену цветов градиента можно реализовать в SVG яваскриптом, с помощью VML думаю чтоже можно сделать этот эффект.
В IE6 по-умолчанию есть 6-й флэш, а его вполне достаточно. Так что запроса об обновление версии не будет. Другая проблема в том, что у кого-то флэш отключен.
А можете ссылку кинуть? Интересно увидеть такую реализацию
Вот, сделал на коленке :)
explosion.ru/tmp/bg/bg.html
explosion.ru/tmp/bg/bg.html
Охохо, я пример этого искал очень долго, спасибо большое.
Многие писали что надо ставить wmode=transparent, чтобы флэш не перекрывал собой все, независимо от z-index. Видимо это не так :)
Многие писали что надо ставить wmode=transparent, чтобы флэш не перекрывал собой все, независимо от z-index. Видимо это не так :)
Хороший пример, спасибо, можно еще фон залить одним цветом из градиента.
Правда, если в вашем случае написать много строчек SAMPLE, то градиент не растянется ниже, думаю это стоит предусмотреть, но это не так критично если делать «на коленке» :)
newon> В IE6 по-умолчанию есть 6-й флэш, а его вполне достаточно.
В IE нет флэша по умолчанию. Ни в одной из версий.
В IE нет флэша по умолчанию. Ни в одной из версий.
SVG… I'm lovin it.
Настоятельно рекомендую поменять ссылку в вики на вот эту: ru.wikipedia.org/wiki/Градиент_(компьютерная_графика)
А то люди попадают в описание математического градиента, а это немного другое)
А то люди попадают в описание математического градиента, а это немного другое)
С моими бюджетными ЖК мониторами на работе, даже одноцветная заливка кажется градиентной :)
не хватает картинок прямо в посте.
И подсветите синтаксис — читабельность сразу будет на уровне
И подсветите синтаксис — читабельность сразу будет на уровне
Во втором примере в ИЕ8 текст не выделяется мышью, только по Ctrl + A
VML разработан фирмой MicrosoftОткуда вообще взялась эта легенда? В разработке VML принимали участие несколько фирм: Microsoft, Macromedia, Autodesk, Hewlett-Packard, Visio Corporation.
При этом VML открытый стандарт (опубликован на сайте W3C), а SVG является наследником VML и PGML.
Спасибо! Для себя вынес много полезного
Круто, спасибо! Я конечно не смогу это применить, но идея очень понравилась.
Добро пожаловать на хабр. Еще в песочнице хотел заинвайтить за эту статью, да нечем :(
>В этом примере я подготовил файл png8 размером 1х100 пикселей с нужным градиентом
>В этом примере я подготовил файл png8 размером 1х100 пикселей с нужным градиентом
Это не лучший вариант, использование такого файла будет кушать много процессорного времени, что будет заметно как притормаживание на слабых машинах. Используйте ширину бОльшую (думаю лучше кратную восьми) — заливка таким спрайтом потребует меньше машинных ресурсов. На размер файла это радикально не повлияет.
Это не лучший вариант, использование такого файла будет кушать много процессорного времени, что будет заметно как притормаживание на слабых машинах. Используйте ширину бОльшую (думаю лучше кратную восьми) — заливка таким спрайтом потребует меньше машинных ресурсов. На размер файла это радикально не повлияет.
Согласен. Я пробовал разные варианты размеров, был вариант 100х100, и разница в производительности не особо но ощущалась. Можно конечно сказать что это не так критично, но если рассматиривать вариант страницы с большим кол-вом объектов на странице, тем более анимированных, эта разница будет более заметна, поэтому спасибо что уточнили это.
> Например, при использовании VML, Internet Explorer блокирует страницу, кого-то это смущает.
Так и не получилось эмулировать ситуацию с ie (проверено в ie6, ie7, ie8). Настройки безопасности стандартные.
P.S. Спасибо, не так уж и много статей показывают возможности использования векторной графики.
Так и не получилось эмулировать ситуацию с ie (проверено в ie6, ie7, ie8). Настройки безопасности стандартные.
P.S. Спасибо, не так уж и много статей показывают возможности использования векторной графики.
Спасибо вам, на счет блокировки могу сказать что для обработки vml, ie подключает ActiveX билиотеку vgx.dll, при отключеной опции в параметрах безопасности «Запуск элементов ActiveX и модулей подключения» страница блокируется. Либо данная опция отключается при высоком уровне безопасности.
Спасибо вам, на счет блокировки могу сказать что для обработки vml, ie подключает ActiveX билиотеку vgx.dll, при отключеной опции в параметрах безопасности «Запуск элементов ActiveX и модулей подключения» страница блокируется. Либо данная опция отключается при высоком уровне безопасности.
В некоторых из современных браузеров появилась возможность делать градиенты через CSS. Было бы интересно почитать ещё и об этом способе, как самом «родном» для браузеров)
Спасибо, отличная статья-обзор SVG/VML на конкретном примере :)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Использование градиента в качестве фона страницы