ZODIOS.net

/* Хак только для IE6 */
* html .ie6 {
color:red;
}

/* Хак только для IE6 */
.ie6a {
_color:yellow;
}

/* Хак только для IE6,7 */
.ie6_7 {
//color:yellow;
}

/* Хак только для IE7,8.beta 1 */
* + html .ie7 {
color:green;
}

/* Хак только для IE7,8.beta 1 */
*:first-child+html .ie7a {
color:#0000CC;
}

/* Хак только для IE7,6 */
.ie7b {
#color:#00FF00;
}

/* Хак только для IE7,FireFox */
.ie7ff, x:-moz-any-link {
color:#00FFFF;
}

/* Хак только для IE7,FireFox */
 html:not([lang*=""]):not(:only-child) .ffSafariChrome {
color:#990000;
}

/* Хак только для Safari,Opera,Google Chrome*/
@media all and (min-width: 0) {
.safariOperaChrome {
color:#FF00FF;
}}

/* Хак только для Safari,FireFox,Google Chrome */
html:root .ffSafariChrome {
color:#660066;
}

/* Хак только для Safari,Opera,Google Chrome */
body:first-of-type .operaChromeSafari {
color:orange;
}

15 Отзывов to “Хаки – краткий путь к кроссбраузерности?”

1. Jman:
   Сентябрь 29, 2008 в 13:04

   /* Хак только для Safari,Opera,Googe Chrome */
body:first-of-type .operaChromeSafari {
color:orange;
}

   Ошибка номер раз Google (не только тут).
   Ошибка номер два &mdash это не хак, а использование CSS3. Тоесть играем в рулетку, сегодня это понимает только опера, сафари и хром, а завтра может и IE8 понимать….

2. Jman:
   Сентябрь 29, 2008 в 13:08

   Плагин который подсвечивает код, распознал то что ты написал, как javascript. Если я не ошибаюсь то можно в ручную задавать, <code class=»css» > может конечно это не главное

3. Zodios:
   Сентябрь 29, 2008 в 17:31

   К сожалению любой хак это игра в рулетку, так как с выходом новой версии он может быть не убран…

4. Условные комментарии для IE | ZODIOS.net:
   Сентябрь 29, 2008 в 18:18

   [...] перед хаками(подробней о хаках читай в заметке Хаки – краткий путь к кроссбраузерности?) является то, что они проходят валидацию и скорее [...]

5. Fresh2l web agency:
   Октябрь 26, 2008 в 21:07

   Я понимаю это так – есть хаки для IE, а есть нормальные браузеры понимающие CSS. И пользоваться хаками нужно только в том случае, когда IE выпендривается, а остальные браузеры видят все одинаково. У меня 90% проблем именно такие: все браузеры кроме IE показывают сайт правильно

6. Maxja:
   Ноябрь 13, 2008 в 19:12

   Поделюсь ещё одним «хаком» который работает в IE 5.5-7 точно, в 8 не проверял. Найден эксперементально.
   Заключается он в том, что после описания общей части, для всех нормальных браузеров ставится парная закрывающая фигурная скобка «}}», далее описываются исключения для IE.

   Лично меня, в моём же решении, привлекает простота, как в написании, так и в последующем чтении кода.

7. Zodios:
   Ноябрь 14, 2008 в 13:36

   Это связано с тем что все нормальные браузеры не воспринимают все что идет после }}. Довольно неудобно, так как нужно все стили которые должны быть адекватно воспринятые должны стоять выше.

8. Maxja:
   Ноябрь 14, 2008 в 16:28

   Эт очевидно.
   Невижу в этом неудобства.

9. Rootical:
   Декабрь 29, 2008 в 11:38

   Товарищи, а не подскажите, существует ли хак для IE 5.5?

10. Rootical:
    Декабрь 29, 2008 в 12:12

    Хак для ИЕ 5.5 – *html

11. Эмуляция min-width, max-width под IE6 | ZODIOS.net:
    Март 8, 2009 в 18:58

    [...] от подключения JS скриптов. Учитывая, что под IE6 пишутся хаки почти при каждой верстке, это еще и позволяет добиться [...]

12. Удвоение отступа(margin) в Internet Explorer 6 | ZODIOS.net:
    Март 8, 2009 в 19:04

    [...] или хаки (подробней о хаках можно прочитать в заметке Хаки – краткий путь к кроссбраузерности?) для того чтоб это присвоение было воспринято только в [...]

13. Полезные Links | TEA & SEO Блог:
    Март 14, 2009 в 15:08

    [...] Хаки для верстальшиков [...]

14. Игорь:
    Июнь 4, 2009 в 4:32

    вообще, это не все хаки + некоторые не рекомендуется использовать. Вот ещё есть статья – только там уже все хаки хаки под ИЕ

15. Sash_flac:
    Ноябрь 14, 2009 в 10:51

    а если пользоваться php, чтоб он определял браузер и разрешение? и соответственно загружал определенный css

Оставить отзыв

Последние записи

• DATA:URL – Картинки в документе без дополнительных запросов к серверу
  (Вторник, 09. 8. 2009 – 5 отзывов)
• Как изменить внешний вид checkbox
  (Вторник, 04. 28. 2009 – 21 отзывов)
• Как сделать галерею товаров для интернет-магазина
  (Пятница, 03. 13. 2009 – 5 отзывов)
• Я.ру
  (Воскресенье, 03. 8. 2009 – нет отзывов)