Какой хак CSS вы используете чаще всего, а какой избегаете?

Question

Какой CSS-хак вы используете чаще всего, а какой вы избегаете?

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

Answer 1

Технически не хак, но я часто добавляю условные комментарии к IE 7 -:

<!--[if lte IE 7]>
<link href="ie7.css" />
<![endif]-->

Я действительно ухожу, не используя много хаков.

Answer 2

Наиболее часто используемые - очистить исправить

Большинство ненавистных - !important правил, потому что они указывают на то, что таблица стилей, вероятно, не организована должным образом. Это также означает, что некоторые стили являются слишком общими, чем они должны быть. Также не подходит для производительности.

Answer 3

Кажется, это то, что я должен использовать чаще всего: создать класс CSS .inline-block { display: inline-block; }

используйте его для стилизации любого элемента, который вы хотите отобразить как встроенный блок (вместо использования display: inline-block; напрямую). Затем в вашем IE-only (v.7 или более раннем?) Файле:

.inline-block
{
    zoom: 1;
    *display: inline;
}

Грустная панда.

Answer 4

Наиболее часто используемые: отрицательные поля

Answer 5

PNG прозрачность в IE6 с AlphaImageLoader () ...

Версии IE> 6, а также Firefox и Chrome поддерживают полностью прозрачные 8-битные PNG, но для совместимости с IE6 вы должны выполнить вышеописанный хак CSS. Ваш CSS файл больше не будет проверяться, но если вы полагаетесь на прозрачные PNG, как я ... это того стоит.

Answer 6

Я обнаружил, что если я использую строгий тип XHTML 1.0, в основном все просто работает ... Тем не менее, я не делаю ничего фантастического ... Но хороший минималистичный сайт, такой как SO, будет довольно легко дизайн без хаков ...

Answer 7

В основном я использую min-height хак и избегаю трюков с подчеркиванием, например, _margin, предназначенных для IE6.