Комментарии 30
Эх, оставили меня без темы для следующей статьи :) Придется, видимо, о луковом супе писать.
text-shadow есть в IE10, об этом будет во второй части.
А так соображения чисто практические: востребованность, приоритезация и наличие ресурсов на реализацию в конкетный временной отрезок. В общем, text-shadow не попал в цикл разработки IE9, но уже реализован в рамках работы над IE10.
А так соображения чисто практические: востребованность, приоритезация и наличие ресурсов на реализацию в конкетный временной отрезок. В общем, text-shadow не попал в цикл разработки IE9, но уже реализован в рамках работы над IE10.
День CSS теней :)
Весьма хороший топик. А можно сказать, что из рассказанного поддерживается в ie8 (кажется последний для xp sp3) и ie9?
Расскажите про прозрачность тени. Что бы она не была как в 3.5 с четкими границами и блёром на, а будто тень — прозраный png.
Чтобы сделать тень прозрачной, достаточно указать цвет с прозрачностью, например, через rgba(r,g,b,a). В примере 5.2 тени смешиваются между собой.
Интересная статья.
Спасибо Корпорации Microsoft за поддержку этих свойств; правда, пользователи WinXP, очевидно, останутся без неё, если не откажутся от Internet Explorer в пользу альтернативного браузера: IE9 и IE10 для WinXP нет и никогда, никогда не будет.
Скажите, а градиенты и скругленные уголки уже починили в IE10? А то помню в одном из превью Microsoft ну очень хвасталась этими функциями по-отдельности, но при попытке применить их вместе получался epic fail.
По-моему градиенты и скругленные уголки изначально работали отлично вместе, если делать без извращений с фильтрами.
А, ну да, сейчас проверил — действительно -ms-linear-gradient и border-radius работает хорошо вместе (тестил в IE10 P2). Но стоит добавить filter для старших версий IE, как все сразу ломается. Я не думаю, что кто-то пишет только под IE10 сейчас, а ставить условные коментарии и искать css хаки чтобы это работало только в определенной версии IE достало, достало, достало, достало. Хак для 6, хак для 7, хак для 8, хак для 9 и хак для 10 теперь, чтобы он не увидел фильтров. Замечательно.
Проблема в том что когда придумывались фильтры — все блоки на вэб странице могли быть только прямоугольной формы — и фильтры на это и рассчитывали. Само собой что переписывать код фильтров в 9 ИЕ чтобы они работали нормально совместно с бордер радиус никто не стал.
CSS градиенты же вообще штука довольна новая, по сравнению даже с закругленными уголками. Поэтому их и нет в ИЕ9. Зато там есть SVG градиенты — и вот вполне себе удобный инструмент для этого ie.microsoft.com/testdrive/Graphics/SVGGradientBackgroundMaker/Default.html
CSS градиенты же вообще штука довольна новая, по сравнению даже с закругленными уголками. Поэтому их и нет в ИЕ9. Зато там есть SVG градиенты — и вот вполне себе удобный инструмент для этого ie.microsoft.com/testdrive/Graphics/SVGGradientBackgroundMaker/Default.html
Проблема в том, что для не нужно для IE9+ делать хаков. Хаки — это зло.
Если вы хотите использовать фильтры, отдавайте их только старым браузерам — это вполне можно сделать через условные комментарии и на этом проблема решится.
Лично мое мнение: даже для старых браузеров не нужно использовать фильтры.
Если вы хотите использовать фильтры, отдавайте их только старым браузерам — это вполне можно сделать через условные комментарии и на этом проблема решится.
Лично мое мнение: даже для старых браузеров не нужно использовать фильтры.
Хаки для IE можно не использовать, можно просто добавить после doctype:
А в css писать — .ie6 div { color: #ff8000; }.
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
А в css писать — .ie6 div { color: #ff8000; }.
Мне кажется, этот пост вместо «Microsoft» был бы более уместен в «Каскадные Таблицы Стилей».
Прекрасно отображается и в Opera 11.52. Правда, когда на странице много элементов типа slick-box с навороченными тенями — начинает заметно подтормаживать при прокрутке.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
CSS3. Работа с тенями. Часть 1