Überlagerung div über iframe

7

Ich mache ein Widget, das den uservoice-Widgets ähnelt, außer dass der Inhalt der Seite in einem iFrame angezeigt werden soll, anstatt dass das Widget über JavaScript angezeigt wird. Wie kann ich eine ganze Seite (Breite / Höhe 100%) iFrame mit einem div auf der linken Seite des Browsers, ein Beispiel (mit Javascript statt css / html) ist hier: Ссылка

Ich möchte, dass dieses Widget nativ auf der Seite erscheint und der Inhalt über iFrame geladen wird.

Irgendwelche Ideen? Ich kann nicht machen, dass der iFrame die ganze Seite ausfüllt, und auch das Erscheinen oben. Ich habe mit Z-Indizes gespielt, um kein Glück zu haben. Codebeispiel:

%Vor%     
Peter Clark 19.01.2010, 15:41
quelle

6 Antworten

10

Wenn Sie keine Cross-Domain laden, können Sie sie einfach mit jquery ajax aufrufen Ссылка

%Vor%

und ersetzen Sie Ihr iframe mit

%Vor%     
Stephen Binns 19.01.2010, 16:18
quelle
5

Das ist " clickjacking ", nicht wahr?

Nichts wird langfristig funktionieren, da Browser (zu Recht) dies als eine Sicherheitsbedrohung betrachten, die verhindert werden soll.

    
brianary 03.02.2010 16:20
quelle
4

Sie müssen wahrscheinlich Rand hinzufügen: auto; zu deinem iFrame oder dem schwebenden div. Dadurch wird der Bildschirm zu 100% gefüllt.

Beispiel:

%Vor%

Um es auf der linken Seite des Browsers zu beheben, können Sie verwenden:

%Vor%

Viel Glück!

    
Joshua 20.01.2010 21:05
quelle
1

Mit diesem Code bekomme ich rechts eine doppelte Scrollbar. Eine für die Website und eine für das i-frame.

%Vor%     
Tinus de Beer 26.10.2016 10:23
quelle
0

Sie könnten Ihren iframe in ein div mit einem niedrigen Z-Index und dann ein div mit einem höheren z-index darüber legen.

    
wilwaldon 02.02.2010 05:10
quelle
0

Das hat für mich funktioniert:

  • Fügen Sie das Overlay div mit einem hohen Z-Index und einer absoluten Position
  • hinzu
  • lässt den iframe auch absolut
  • positionieren
  • füge den iframe in ein div
  • ein

Das div mit der Überlagerung:

%Vor%

Der iframe:

%Vor%     
miraculixx 02.12.2014 11:51
quelle

Tags und Links