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

40 • Глава 1. Основная информация о CSS3

отличных от IE, углы поля What’s happening? (в котором вы вводите свое сообще-
ние) скругляются, а края при подведении указателя мыши обрамляются голубым
сиянием (рис. 1.6). В версиях IE 8 и более ранних это обычное поле с прямыми
углами и без сияния (рис. 1.7). В таком представлении нет ничего плохого, и оно не
кажется искаженным — просто другое. Различие никак не вредит пользователям IE,
поэтому разработчики Twitter не внедряют альтернативные методы для имитации
эффектов CSS3.

Рис. 1.6. В Firefox у поля ввода сообщения Рис. 1.7. Пользователи IE 8 не видят
в Twitter углы скругленные, скругленных углов и сияния, но
а вдоль краев отображается альтернативное представление
голубое сияние страницы не кажется уродливым
или искаженным

Однако нельзя забывать о ситуациях, когда отсутствие обходного пути приводит
к ухудшению представления страницы в не поддерживающих CSS3 браузерах. На-
пример, вы сделали фоновый цвет полупрозрачным, применив для этого синтаксис
HSLA или RGBA — один из двух новых способов объявления цвета в CSS3. Брау-
зеры, которые не понимают подобные цветовые значения, не связывают с фоном
никакой цвет, и фон становится полностью прозрачным. В зависимости от цвета
текста и элементов, просвечивающих сквозь прозрачный фон поля, текст может
стать абсолютно нечитаемым (рис. 1.8). В подобных случаях мириться с различиями
невозможно и нужно обязательно внедрять какой-то обходной путь.

Рис. 1.8. В Firefox (слева) поле заливается полупрозрачным фоновым цветом, но в IE 8
(справа) фоновый цвет не отображается и текст невозможно прочитать

Таким образом, для того чтобы определить наилучший план действий, необходимо
протестировать веб-сайт во множестве различных браузеров. Очень часто вы будете

www.trk.kg