IE 7 и 8 CSS 3 с использованием HTC ПРОБЛЕМЫ, появляется только 1 тень, и мне нужны липкие нижние колонтитулы

Question

Протестировано и прекрасно работает в IE 9, Firefox, Chrome и Safari.

IE 7 & 8, с другой стороны, полны проблем.

Вот сайт: http://campusrec.colostate.edu/newsite/

Проблема 1: Сравните в IE 7 или 8 с Firefox.Есть два div, один внутренний и один внешний.Внутренний div в IE 8 и 7 не показывает тень, в то время как в Firefox это так.Теперь, если я удалю поведение: url (DONOTREMOVE_ie-css3.htc);на внешнем div, внутренний div работает нормально.

Проблема 2: Нижний колонтитул в IE 7 и 8 не совпадает с нижним, как в FireFox.Он имеет около 10 пикселей отступа и тень.

Outter Div: #outterDropShadow Inner Div: # contentCenterDiv

Есть идеи для обеих проблем?

Answer 1

Трудно сказать много без работающего живого примера, но я могу вам сказать следующее:

Я использовал множество хаков .htc, чтобы придать функциональность CSS3 IE7 / 8, и все, что я могу вам сказать, это то, чтоэто тупик.Способ работы этих .htc-хаков заключается в рендеринге «изображений», которые имитируют эффекты поверх ваших элементов div или элементов, а затем упорядочив абсолютное позиционирование, а что нет.

Это означает, что второй у вас перекрывающийся контекст или сложныйкомбинации правил / эффектов css3, попытки файла .htc воспроизвести сказанное с треском проваливаются.

Я настоятельно рекомендую вам просто правильно визуализировать css3 в совместимых браузерах, скопировать, вставить элементы «screenshoted» с эффектами изатем используйте их в качестве фоновых изображений для всего, что связано с IE.Это быстрее, быстрее, менее подвержено сбоям и очень надежно.Это просто вопрос правильного позиционирования фонового изображения.

Надеюсь, это поможет