Wie man Bild innerhalb iframe zielt

Question

Wie kann ich Bild innerhalb iframe mit CSS zielen?

funktioniert das nicht

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

Answer 1

try jquery für dieses

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

wickeln diese in Rückruf jQuery Last, wenn Iframe lädt später nach Seite geladen

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

Answer 2

Dies ist ein häufiges Problem, aber die Antwort ist die gleiche, dass Sie nicht Dinge in weder mit CSS noch mit jquery zugreifen können.

Wenn Sie Zugriff auf die Seite haben, die Sie in verwenden gehen Sie und schreiben Sie CSS auf dieser Seite, dann wird es automatisch in arbeiten. Aber Sie können nichts in mit externem Code ändern.

Answer 3

versuchen, dies in derselben Domäne. sonst wirft es Kreuzursprungfehler.

Update mit On laden jquery Funktion.

$ ('iframe') auf ("load", function() {

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

}).