CSS в ajax-загруженном контенте не применяется

Question

Извините, если это очевидно, но я просто не знаю, что еще делать.

Я использую fancybox jQuery-плагин для загрузки html-контента в модальный режим, но он не показывает стили css основного документа.

Правила CSS вызываются в основном документе И внутри загруженного html в теге <style>, но ничего.

Как я могу это исправить, не применяя индивидуально CSS каждого элемента с помощью вызовов jQuery .css()?

Спасибо

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

Редактировать: загруженный Ajax контент находится внутри iframe

Answer 1

Поскольку, как вы упоминаете в комментариях, вы фактически загружаете контент в iframe, на этот загруженный контент не будут влиять стили в документе контейнера.Это две разные HTML-страницы, несмотря на иллюзию, созданную iframe.

Лучше всего настроить загружаемый контент так, чтобы он использовал тот же набор стилей и таблиц стилей, что и документ контейнера или его подмножество.Рассматривайте это как просто еще одну HTML-страницу на вашем сайте.