Поддержка CSS в браузерах отстает от развития CSS. Internet Explorer, который имеет абсолютную долю на рынке, завершил полную поддержку CSS 2.1 только до того, как недавно была выпущена его 8-я версия. Последним прогрессом в CSS является разработка CSS 3. спецификация уже выполнена более чем наполовину. Но это не мешает нам использовать новые технологии в CSS. Хотя мы не можем применять их так, как нам нравится, используя общие методы CSS, мы можем добиться более ярких эффектов в конкретных браузерах. Использование этих новых технологий в соответствующих местах не только позволит вам быть в авангарде технологий CSS, но и сделает ваши работы более свежими.
Новая технология CSS: не ждите, что она будет поддерживаться всеми браузерами.
Microsoft объявила о поддержке CSS в различных версиях браузеров Internet Explorer от 5.5 до 8.0. В этом списке мы видим, что полная поддержка CSS 2.1 не была завершена до выхода Internet Explorer 8.0, и ее можно использовать только в Internet Explorer 7.0. Селекторы атрибутов в CSS 2.1, хотя эта технология CSS очень полезна. Это означает, что вам придется отказаться от использования этой технологии из уважения к пользователям Internet Explorer 6.x, которые по-прежнему составляют более 40% рынка. Например:
[значение] {высота: 25 пикселей}
[href=http://www.dudo.org/] {color:red;}
В строке 1 мы можем установить высоту всех форм со значениями атрибутов равными 25 пикселей; пусть ссылки на определенные веб-сайты будут отображаться красным текстом. Но выполнение этого в Internet Explorer 6 не имеет никакого эффекта, поскольку эта «новая технология CSS» не поддерживается.
В CSS 3 селекторы атрибутов имеют более мощные функции. Кроме того, CSS 3 также добавляет такие эффекты, как закругленные углы, тени текста и трехмерные границы. Можно сказать, что эти новые технологии CSS создали оригинальные сложные проблемы в CSS. 2. Это очень просто. Например, в CSS 3 вам нужен только следующий код, чтобы добиться округлого вида:
Однако эта новая технология не поддерживается даже Internet Explorer 8. В настоящее время она поддерживается только Firefox, Safari и Chrome, и эта поддержка Не поддерживается, используйте -moz-radius в Firefox и -wekit-radius в Safari и Chrome.
Это новая технология в CSS, которая никогда не сможет полностью интерпретироваться всеми браузерами одновременно.
Новая технология CSS — это не CSS Hack
Что такое CSS-хак? CSS Hack — это метод, который использует определенные недостатки использования CSS в браузере для реализации различных правил CSS. Например, _property можно использовать для различения IE7, 8 и других версий IE, *property можно использовать для различения IE от браузеров, отличных от IE, и т. д. Однако здесь отмечается, что все эти хаки CSS являются нестандартными спецификациями CSS и не могут пройти проверку W3C. Другими словами, все они являются неверными правилами CSS. Но новые технологии CSS отличаются. Это стандартные спецификации CSS, но они не поддерживаются некоторыми браузерами.
Кроме того, новые технологии CSS невозможно решить путем взлома. Несоответствия в интерпретации блочной модели в разных браузерах мы можем исправить с помощью CSS Hack. Однако проблема Internet Explorer, не поддерживающего скругленные прямоугольники, не может быть решена с помощью какой-либо технологии CSS Hack. Решение состоит в том, чтобы использовать дополнительный XHTML или использовать. фоновые изображения.
Таким образом, новая технология CSS — это не разновидность CSS Hack, а ортодоксальная спецификация CSS.
Надлежащее использование новых технологий CSS
Хотя ранее мы упоминали, что новая технология CSS не может поддерживаться всеми браузерами, и она не может достичь такого же эффекта в разных браузерах, как использование технологии CSS Hack. Однако это не мешает нам их использовать. Только представьте, если бы обычную страницу можно было добавить в браузере с дополнительным удобством использования, не влияя на ее использование, разве это не было бы более привлекательно? И мы добились этого эффекта без добавления нестандартных правил CSS, таких как CSS Hack. Таким образом, правильное использование технологии CSS в подходящее время может добиться эффекта вишенки на торте и сделать вашу веб-страницу более простой в использовании.