Быстрая проверка последней сводки по CSS Hack

Заблокировать браузер IE (то есть он не будет отображаться под IE)

*:lang(zh) select {font:12px !important;} /*Специально для FF*/
select:empty {font:12px !important;} /*видимое сафари*/

Здесь select — селектор, который можно менять по ситуации. Второе предложение уникально для браузера Safari на MAC.

Распознается только IE7

*+html {…}

Вы можете использовать этот ХАК, когда вам нужно сделать стили только для IE7.

Идентификация IE6 и ниже

* HTML {…}

Обратите особое внимание на этот момент. Многие арендодатели пишут, что это ХАК для IE6. На самом деле IE5.x тоже может распознавать этот ХАК. Другие браузеры его не распознают.

html/**/ >body select {……}

Это предложение имеет тот же эффект, что и предыдущее предложение.

Только IE6 его не распознает

select { display /*IE6 не распознает*/:none;}

Главное здесь — разделить атрибут и значение с помощью комментариев CSS, которые выводятся перед двоеточием.

Не распознаются только IE6 и IE5.

select/**/ { display /*IE6, IE5 его не распознает*/:none;}

Отличие от приведенного выше предложения заключается в том, что между селектором и фигурными скобками имеется дополнительный комментарий CSS.

Только IE5 его не распознает

select/*IE5 не распознает*/ { display:none;}

Это предложение представляет собой комментарий в области атрибутов, удаленный из предыдущего предложения. Только IE5 его не распознает

Коробчатое решение

выберите {ширина: ширина IE5.x; семейство голосов: ""}""; голосовое семейство: наследовать; ширина: правильная ширина;}

Метод очистки блочной модели не обрабатывается через !important. Это должно быть ясно.

прозрачный поплавок

выберите: после {содержимое:"."; дисплей: высота блока: 0; очистить: обе видимости: скрыто;}

В Firefox, когда все дочерние элементы являются плавающими, высота родительского элемента не может полностью покрыть весь дочерний элемент. Затем используйте этот ХАК, чтобы очистить плавающее значение, чтобы определить родительский элемент один раз, и эта проблема может быть решена.

Усекающее многоточие

выберите {-o-текст-overflow: многоточие; пробел-пространство: переполнение: скрыто };

Это очень хороший метод, который автоматически обрезает лишний текст после того, как он превысит длину, и заканчивает его многоточием. Просто Firefox в настоящее время его не поддерживает.

Распознается только Opera

@media all and (min-width: 0px){ select {……} }

Сделайте отдельные настройки для браузера Opera.

Выше приведены некоторые приемы написания CSS. Они используются для решения локальных проблем совместимости. Если вы хотите разделить контент совместимости, вы можете попробовать следующие фильтры. Некоторые из этих фильтров написаны на CSS для импорта специальных стилей через фильтры, а некоторые написаны на HTML для связывания или импорта необходимых стилей исправлений через условия.

Фильтр для IE5.x, виден только IE5.x

Фильтры IE5/MAC обычно не нужны.

IE, если условный взлом

<!--[if IE]> Только IE <![endif]-->

Все IE распознает

<!--[если IE 5.0]> Только IE 5.0 <![endif]-->

Только IE5.0 может его распознать.

<!--[if gt IE 5.0]> Только IE 5.0+ <![endif]-->

IE5.0 может быть распознан IE5.5

<!--[if lt IE 6]> Только IE 6- <![endif]-->

Распознается только IE6

<!--[if gte IE 6]> Только IE 6/+ <![endif]-->

Может распознаваться IE6 и IE5.x ниже IE6.

<!--[if lte IE 7]> Только IE 7/- <![endif]-->

Распознается только IE7

Приведенное выше содержание может быть неполным. Приглашаем вас присоединиться ко мне и обобщить эти методы, чтобы обеспечить удобство для будущих рабочих запросов. В то же время я хотел бы поблагодарить авторов, которые исследовали эти ХАКЫ.