jQuery fadeIn/fadeOut в IE беспорядок макет

Question

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

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

Замена мой FadeIn/Затухание на показать/скрыть решает мою проблему, но было бы более полезным, если бы я мог добавить эти анимации на этом ...

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

Answer 1

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

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

Answer 2

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