JQuery FadeIn / FadeOut в IE беспорядок макет

Question

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

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

Замена моего fadeIn / fadeOut на show / hide решает мою проблему, но было бы более удобно, если бы я мог добавить эти анимации на это ...

Может ли кто-нибудь мне помочь?

Answer 1

Фильтр непрозрачности для затухания требует (только в IE), что элемент должен быть установлен для стиля CSS (hasLayout в IE). Вы можете сделать это либо установив высоту или ширину элемента, либо установив свойство style: 1 css style, которое фактически ничего не делает (по умолчанию 1).

См. Эту ссылку для получения информации о hasLayout в IE: http://www.satzansatz.de/cssd/onhavinglayout.html

Answer 2

К сожалению, для IE нам иногда нужно жертвовать чистым кодом! Поместите div в fadeOut внутри другого div с высотой и шириной, заданными в CSS. Это будет поддерживать ширину столбца в IE.