Хотя раньше я знал CSS, Div, но действительно ничего не знал о совместимости браузера.В этот раз, после представления друзей и т. д., есть также волшебная вещь css hack.После того, как я попробовал, я обнаружил, что это действительно работает.Многие люди беспокоятся о проблемах совместимости браузеров, используя CSS Hack, все было решено.Поделитесь прямым образом под сортированным CSS Hack
CSS Hack - это средство исправления, которое используется, когда стандартный CSS не может быть совместимым с отображением браузеров, до тех пор, пока производители браузеров не соглашаются с CSS, мы можем только использовать этот метод для выполнения такой задачи.
Когда я занимался разработкой фронт-энда, браузеры, которые я использовал, были примерно: IE7, IE6, Opera9 (версия 9.25 8825 на момент написания), Safari3 (версия 3.0.4 523.15 на момент написания), Firefox2 (версия 2.0.0.11 на момент написания).
На основе обычного selector {property: value;} часто используется Hack для одного и того же элемента в зависимости от конкретного случая для достижения единообразия между браузерами.
Серия IE:
selector { + property: value;} Добавьте знак "+ " в имя атрибута, этот Hack может быть распознан только серией IE.
selector {* property: value;} Добавьте звездочку «*» в имя свойства, этот Hack может быть распознан только серией IE.
selector {_property: value;} подчеркивает "_ " в названии свойства, этот Hack признается только серией IE (кроме IE7).
* html selector {property: value;} Использует метод наследования * html selector на селекторах, этот хак может быть распознан только серией IE (кроме IE7).
html/** / > body selector {property: value;} Использование метода наследования в выборах html/** / > body selector, этот хак может быть распознан только для серии IE (кроме IE7).
selector {собственность/** /: value; } Добавить комментарий между именем атрибута и запятой ": ", чтобы скрыть использование IE6.
selector/** / {собственность/** /: value;} Добавить комментарий между селектором и цветочными скобками "{" и между именем атрибута и запятой":, чтобы скрыть использование IE5 и IE6 (не скрывать IE5.5).
выбирать/** / {property: value;} Добавить комментарий между селектором и скобками "{", чтобы скрыть использование IE5.
* + html selector {property: value! important;} Наследование на селекторе * + html selector плюс! important, Этот Hack может быть распознан только IE7.
Firefox:
*: lang (lang) selector {property: value! important;} Добавить с помощью псевдокласса lang (язык)!В настоящее время только Firefox может определить важность.
Safari:
Selector: empty {property: value! important;} Добавить с помощью ложного класса empty!В настоящее время только Safari может определить значение.
Opera:
@ media all and (min-width: 0px) {selector {property: value;}} Если это определено специальным методом наследования, то в настоящее время только Opera может распознать.
Выше Hack не является полным, все вместе дополняют.
Наиболее распространенное использование для Hacks является CSS Box Model Hack, очистить плавающий Hack.
Модель CSS Box имеет серьезные ошибки в IE5.X.Этот Hack для IE5.X:
selctor {width: IE5.X width; voice-family: ""} ""; voice-family: inherit; width: правильная ширина;}
Учистить плавающий Hack, многие считают, что это определение используют:
selector: after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
Существует также множество CSS Hack, которые могут быть написаны в книгу, если перечислить их один за другим... Подумайте о добавлении.