JQuery удалил фон из iframe

Question

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

var body = jQuery('#fancybox-frame').contents().find('body');

body.css({
 'background': 'none',
 'background-image': 'none',
 'background-color': '#fff'
});

ОБНОВЛЕНИЕ: В настоящее время мой CSS для этого элемента читает (согласно firebug) ...

body {
   background-color:#5A7E92;
   background-image:url("/images/background.gif");
   border:10px solid #021E2F;
   font-family:verdana,san-serif;
   font-size:10pt;
   margin:auto;
}

ОБНОВЛЕНИЕ: Вы можете увидеть пример здесь, нажав на ссылку "Почта" .... http://www.retailcustomerexperience.com/article/21532/GlobalShop-DOOH-measurement-essential-for-reaching-customers

Answer 1

Это может быть не полный ответ, но это может помочь вам найти ответ.

<iframe frameborder="0" style="width:756px;height:439px;background-image:none;background-color:transparent" src="http://janemonheitonline.com/photos?KeepThis=true&amp;" hspace="0" allowtransparency="true"> </iframe>

«allowtransparency» требуется для Internet Explorer, чтобы удалить фоновое изображение и цвет фона в iframe. Попробуйте этот код, чтобы увидеть, находится ли фоновое изображение в iframe, а не в теле.

Вы можете увидеть, как работает код на http://janemonheitonline.com нажав на любую из основных навигационных ссылок.

Answer 2

Я думаю, что если вы оставите значения пустыми, они на самом деле не будут делать то, что вы ожидаете. Попробуйте установить фон «наследовать» и посмотрите, что он делает.

Answer 3

Попробуйте изменить background-image на none. Это допустимое значение для этого свойства CSS, и я считаю, что оно явно удалит ваше фоновое изображение.

Answer 4

Фон, вероятно, на каком-то другом элементе.

Проверьте страницу в <iframe> в Firebug и проверьте, какой элемент имеет фон.