Как настроить изображение внутри iframe

Question

Как настроить изображение внутри iframe с помощью CSS?

Это не работает

iframe img { 
    height: auto; 
    width: 100%; 
} 

Answer 1

попробовать JQuery для этого

$('iframe').contents().find('img').css({with: '100%', 'height': '100%'}); 

оберткой этого в JQuery нагрузки обратного вызова, если Iframe загружает позже после того, как страница загружена

$('iframe').load(function() { 
    $(this).contents().find('img').css({with: '100%', 'height': '100%'}); 
}) 

Answer 2

Это общая проблема, но ответ тот же, что вы не можете получить доступ к вещи в ни с CSS, ни с JQuery.

Если у вас есть доступ к странице, которую вы используете в , перейдите на страницу css и напишите css, тогда она будет автоматически работать в . Но вы не можете изменить что-либо в с внешним кодом.

Answer 3

попробовать это в одном домене. в противном случае он выдает ошибку перекрестного происхождения.

Обновление с функцией загрузки jQuery.

$ ('IFrame') на ("нагрузки", функция() {

$(this).contents().find('img').css({width: '100%', 'height': '100%'}); 

}).