Как Режим Почти Стандартов меняет рендеринг из Режима Стандартов?

Question

Вся документация, которую я могу найти, предполагает, что почти стандартный режим отличается от стандартного режима только тем, как изображения в ячейках таблицы выровнены.

Этот вопрос: Internet Explorer 8 и проблема с чекбоксом CSS , однако указывает на то, что рендеринг в IE8 и Opera изменился между двумя режимами, в зависимости от интерпретации флажков. Конечно, на этой странице нет ни таблиц, ни изображений.

Итак, кто-нибудь знает о других различиях между этими двумя режимами?

Answer 1

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

Ссылка на MDC .

Answer 2

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

Поля формы, и особенно флажки, хитры. Стандарты на самом деле не охватывают то, как они должны отображаться, так что браузер все еще должен сделать что-то разумное из этого. Флажки являются встроенными элементами, такими же, как изображения, поэтому некоторые браузеры вполне могут обрабатывать их подобно изображениям.

Answer 3

Эта статья Microsoft объясняет разницу и охватывает как общий случай изображений и базовых линий, так и поведение флажков, которые вызвали этот вопрос:

http://msdn.microsoft.com/en-us/library/ff405794%28v=vs.85%29

Это говорит о том, что для режима Почти Стандарты:

Встроенные элементы влияют на высоту строки, если и только если один из следующее верно.

Если элемент:

• Содержит текстовые символы

• имеет ненулевую ширину границы

• Имеет ненулевое поле

• Имеет ненулевое заполнение

• Имеет фоновое изображение

• Вертикальное выравнивание установлено на значение, отличное от базовой линии

Обратите внимание, что разрыв строки не считается текстовым символом для этого определение, если это не единственное содержимое строки. В таком случае, высота линейного блока остается самой верхней строкой самый нижний встроенный блок в нижней части строки, независимо от указанного высота строки.

Если элемент img является единственным содержимым ячейки таблицы, строка строки высота ячейки клеточной линии установлена ​​на ноль.