Можно ли использовать CSS3
Прежде чем читать данную статью посмотрите на дату её написания, если прошло уже больше года, то она может быть не актуальной. Сама же статья будет посвящена ответу на вопрос: "Можно ли использовать CSS3?". Давайте разберёмся с этим вопросом поподробнее.
CSS3 предоставляет отличные возможности для верстальщика, например, лёгкое создание теней, закруглений у различных элементов, поддержка нескольких фонов для одного элемента и множество других крайне полезных свойств.
Но, к сожалению, далеко не все свойства поддерживаются даже современными браузерами. А вот IE8, который ещё по прежнему относительно популярный, вообще не поддерживает ничего. И вот именно из-за этого браузера CSS3 вообще использовать я не рекомендую. Если IE6 и IE7 - это уже история, как я писал, то IE8 - это до сих пор сегодняшний день.
Я прекрасно знаю, что уже многие верстальщики используют CSS3, однако, это те, кто не знает, что такое кроссбраузерность и те, кто знает, что заказчик крайне редко знает о том, что его сайт будет смотреться в разных браузерах по-разному. И поскольку заказчик имеет по теории вероятности современный браузер, то можно смело забыть вообще про все старые, что с успехом и делает большинство верстальщиков, используя CSS3 на полную катушку.
Лично я сам очень жду, когда IE8 будет уже неиспользуемым, и в этот момент можно будет смело использовать CSS3 по полной программе, что очень сильно упростит работу верстальщика.
-
Создано 27.03.2013 18:33:06
-
Михаил Русаков
Комментарии (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
Ответить
спасибо за ответ Александр!
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.