Часто при вёрстке мы сталкиваемся с проблемой кроссбраузерности. Конечно, многие могут сказать «хаки – зло», я абсолютно согласен, но иногда приходиться использовать хаки, в статье я решил выложить известные мне хаки для IE, Opera, Firefox, Safari и т.д. Для тех кто не в курсе, хак – это способ подачи css только определённому браузеру (или браузерам), к примеру только Internet Explorer или Firefox. Зачем нужны хаки? Всё просто, все браузеры воспринимают css по своему, зачастую отступая от стандартов (особенно этим нас «радует» IE), в итоге, пользователь может увидеть совсем не тот сайт, каким его задумывал создатель.
Conditional comments
Разработчики IE прекрасно знают о недостатках своего творения и поэтому реализован, уже широко известный всем Conditional comments (условные комментарии), это не хак, но в принципе, входит в рамки поста и очень удобен, поэтому он в этом списке. Работают условные комментарии в IE 5, 6, 7, 8.
<!--[if IE 5]> Только для IE 5 <![endif]-->
<!--[if IE 5.0]> Только для IE 5.0 <![endif]-->
<!--[if IE 5.5]> Только для IE 5.5 <![endif]-->
<!--[if IE 6]> Только для IE 6 <![endif]-->
<!--[if IE 7]> Только для IE 7 <![endif]-->
<!--[if IE 8]> Только для IE 8 <![endif]-->
А теперь, собственно, к самим хакам.
Хак для IE 6
Работает только при наличии !DOCTYPE. При quirks-mode, работает в IE 6, 7:
Хаки для IE 7
Как и предыдущий работают только при наличии доктайп:
Теперь хаки, работающие без доктайп.
Хаки для IE 6
Хаки для IE 7
Хак для IE 8
Хаки для IE 6 и IE 7
Хак для IE 6, IE 7, IE 8
Хак для IE 6, IE7, Safari
Хак для Safari 3
Хак для Safari
Хак для Firefox 2 и Firefox 3
Хак для Firefox 2, Firefox 3, IE 7
Хак для Safari, Firefox, Chrome
Хак для Safari, Firefox, Chrome, Opera
Хак для Safari, Chrome
Хак для Firefox 3 и IE7
Хаки для Opera
Хак для Opera от 10.xx до 10.50 (не включительно)
Хак для Opera от 9.27 до 10.50 (не включительно)
Хак для Opera от 10.xx до 10.50 (включительно)
Хак для Opera 10.50
Хак для Opera 9.5 и IE 7
Хак для Opera, IE 7, IE8
Хак для Firefox 2, Firefox 3, Safari 3, Chrome 2, Opera 9.5
Хак для Safari 3, Safari 4, Chrome 2
Хак для Safari, FireFox, Chrome, Opera
Хаки для Safari 3, Chrome 2, Opera 9.5
Хак для Firefox 2, Firefox 3, Safari 3 и Chrome 2
Хак для Safari, FireFox, Chrome, Opera, IE8
Хаки для всех браузеров кроме IE 6
Хаки для всех браузеров кроме IE 6 и IE 7
Хаки для всех браузеров кроме IE 6, IE 7, IE 8
Я не являюсь автором этих хаков, этот сборник я собирал для себя на различных ресурсах и использую для работы, решил поделиться, так как думаю многим подобная шпаргалка пригодиться.
Спонсором этого поста Seo блог, который рассказывает о том, что такое продвижение и раскрутка сайта.
Кстати, вы можете стать спонсором следующей статьи, для этого достаточно и вы получите ссылку без всяких nofollow и noindex с нужным вам анкором.
Один комментарий
Читаемость страницы плохая. Из-за дизайна [code]
[Ответить]
Grassmester Reply:
июля 16, 2010 at 11:10
Давно исправил, думаю сменю дизайн, довольно скоро.
[Ответить]