Можно ли использовать CSS3
![Можно ли использовать CSS3](/images/articles/css-3.jpg)
Прежде чем читать данную статью посмотрите на дату её написания, если прошло уже больше года, то она может быть не актуальной. Сама же статья будет посвящена ответу на вопрос: "Можно ли использовать CSS3?". Давайте разберёмся с этим вопросом поподробнее.
CSS3 предоставляет отличные возможности для верстальщика, например, лёгкое создание теней, закруглений у различных элементов, поддержка нескольких фонов для одного элемента и множество других крайне полезных свойств.
Но, к сожалению, далеко не все свойства поддерживаются даже современными браузерами. А вот IE8, который ещё по прежнему относительно популярный, вообще не поддерживает ничего. И вот именно из-за этого браузера CSS3 вообще использовать я не рекомендую. Если IE6 и IE7 - это уже история, как я писал, то IE8 - это до сих пор сегодняшний день.
Я прекрасно знаю, что уже многие верстальщики используют CSS3, однако, это те, кто не знает, что такое кроссбраузерность и те, кто знает, что заказчик крайне редко знает о том, что его сайт будет смотреться в разных браузерах по-разному. И поскольку заказчик имеет по теории вероятности современный браузер, то можно смело забыть вообще про все старые, что с успехом и делает большинство верстальщиков, используя CSS3 на полную катушку.
Лично я сам очень жду, когда IE8 будет уже неиспользуемым, и в этот момент можно будет смело использовать CSS3 по полной программе, что очень сильно упростит работу верстальщика.
-
-
Михаил Русаков
Комментарии (16):
У вас тут ошибка: "верстальщики используются CSS3" "используют" надо
Ответить
Спасибо, исправил!
Ответить
И ещё не "посвещена" а "посвящена".
Ответить
Спасибо, исправил!
Ответить
>Лично я сам очень жду, когда IE8 будет уже неиспользуемым, и в этот момент можно будет смело использовать CSS3 по полной программе, что очень сильно упростит работу верстальщика. А в чем проблема? Вы про pie.htc не слышали? С помощью него CSS3 в IE без проблем работает.
Ответить
Я категорически против всех этих чужих скриптов, библиотек и прочего левого кода.
Ответить
Согласен. Костыли - зло (врядли приятно на них ходить). Поэтому я просто проверяю на версию так: // запрет ослика $br = explode('(', $_SERVER['HTTP_USER_AGENT']); if (stristr($br[1], 'MSIE 6.0') || stristr($br[1], 'MSIE 7.0' ) || stristr($br[1], 'MSIE 8.0' ) ) { include_once('inc/ie.php'); exit; } а в inc/ie.php формирую страничку типа сайт работает на передовых технологиях (css3, html5 и прочее) и прописываю на картинках ссылки на соответствующие сайты (firefox, opera, chrome, safari, ie старше 8). И никаких костылей. Кому не нравится - пусть катается дальше на ослике (но я думаю просто нужно объяснять тем заказчикам, которые хотят чтобы их сайт работал везде о недостатках и уязвимостях костылей.
Ответить
А не проще использовать такой код, прямо в html: <!--[if IE]> <meta http-equiv="refresh" content="0; URL=ie.php"> <![endif]-->
Ответить
Наверное проще. Но: во-первых я люблю это делать незаметно для пользователя - на стороне сервера, во-вторых я просто хотел показать один из вариантов решения проблемы по принципу "долой костыли", в-третьих если Вы заметили, я не использую переадресации, а просто встраиваю файл в исполняемый index.php (к примеру) что безусловно ускоряет процесс загрузки 1ой а не 2ух страниц!!!
Ответить
фу фу фу таким быть.. Использовать IE.. По мне так, IE старых версий, в том числе и 8 версия, юзают только корейцы и китайцы... На такие случаи стараюсь сразу говорить о том что "IE какаха, скачайте пожалуйста нормальный браузер". Так что использую CSS3, правда не весь :)
Ответить
Написал код на CSS проверил вроде все правильно но некоторые элементы не работают, в чем может быть беда??
Ответить
Четно сказать border-radius моим ie 8 спокойно потдерживается. А все остальное я продолжаю делать в фотошопе!
Ответить
за css 3 будущее, которое позволит не использовать картинки с грандиендом, округленными концами, создания эффектных приложений, но это время еще не наступило и я даже не берусь его изучать.
Ответить
здравствуйте Михаил! можно ли мешать css2 и css3 в файле стилей? например .effect1{ -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; }
Ответить
Здравствуйте,Ali более того,для более старых версий браузеров это актуально. А вообще,современным браузерам достаточно одного box-shadow
Ответить
спасибо за ответ Александр!
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.