Page 85 - Сила CSS3 Освой новейший стандарт

Графические эффекты без графики • 85

Меняйте цветовые значения для достижения нужного эффекта. Мы уже при-
меняли фильтр IE Gradient для создания одноцветного полупрозрачного фона
в правиле blockquote. Давайте поменяем начальные значения цвета — сделаем его
чуть светлее, для того чтобы создать впечатление градиента на основе CSS3.

В обоих правилах IE в фильтре Gradient смените начальный цвет #99A6DADC на
#99E3F4EE:
.ie6 blockquote, .ie7 blockquote {
background: none;
filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#99E3F4EE, endColorstr=#99A6DADC);
zoom: 1;
}
.ie8 blockquote {
-ms-filter: “progid:DXImageTransform.Microsoft.gradient
(startColorstr=#99E3F4EE, endColorstr=#99A6DADC)";
}

В IE направление градиента по умолчанию — сверху вниз, поэтому получившийся
градиент выглядит почти так же, как предыдущие, в Firefox и браузерах на базе
Webkit (рис. 2.20). В отличие от градиентов CSS3, в IE не-
возможно настраивать точки добавления новых цветов, Подробнее о филь-
однако с помощью фильтра можно с успехом создавать тре IE Gradient рас-
простые двухцветные линейные градиенты. Данная тех- сказывается в статье
ника работает только в IE 8 и более ранних версиях; IE 9 http://msdn.microsoft.
не поддерживает фильтры Microsoft. Таким образом, в IE 9 com/en-us/library/
градиенты не отображаются, но, по крайней мере, вы уви- ms532997(VS.85).aspx
дите полупрозрачный фоновый цвет.

Рис. 2.20. Фильтр IE Gradient способен
имитировать простейшие градиенты CSS3
(снимок экрана сделан в версии IE 8)

Обратите внимание, что если в коде CSS вы
объявили фоновое изображение, которое будет Файл со всеми внесенными до
использоваться в качестве замены в не под- этого момента изменениями на-
держивающих градиенты браузерах, то в IE 8 зывается speech-bubble_2.html.
оно переопределит фильтр Gradient. Правило Он находится в той же папке, где
и остальные файлы упражнений
для IE 7 и более ранних версий удаляет любые для этой главы.
фоновые изображения, но в правиле для IE 8

www.trk.kg