iframe einbinden - Transparenter Hintergrund

westenich schrieb am 09.01.2014 um 10:34 Uhr

Was muss ich wo hin schreiben, das der Hintergrund meines iframes transparent ist.

Ich habe eine Seite mit dem langen Text erstellt. Auf der Seite wo das iframe erscheint habe ich folgenden code als Platzhalter in den HTML code (body) eingefügt: "<iframe src="textfeld.htm" width="500" height="450" frameborder="0" ></frame>"

Das iframe wird auch richtig angezeigt, jetzt wollte ich halt nur das man im Hintergrund auf der Webseite das Bild trotzdem sieht, also das iframe muss einen transparenten Hintergrund bekommen...

Versteht mich jemand???

Kommentare

marboe schrieb am 09.01.2014 um 11:20 Uhr

Hallo westenich,

dazu findest du hier im Forum einige Beispiele. Zum Beispiel hier. Gruß Martina

westenich schrieb am 09.01.2014 um 11:34 Uhr

Dieses Bsp. habe ich auch schon durch gearbeitet, aber ohne Erfolg...

kannst du s mir vielleicht mit einem Screenshot verständlich erklären?

marboe schrieb am 09.01.2014 um 11:48 Uhr

Hallo westenich,

versuche mal im body der Seite unter Platzhalter/ Webeigenschaften einzutragen: allowtransparency="true"

und im iframe - Body ergänzt du den von dir geposteten Code mit style="background:transparent".

Komplett würde dein Code für das iframe also so aussehen:

<iframe style="background:transparent" src="textfeld.htm" width="500" height="450" frameborder="0" ></frame>"

Gruß Martina

 

Nachtrag: hast du nicht am Ende des Codes ein kleines "i" vergessen bei "iframe" ?

westenich schrieb am 09.01.2014 um 12:03 Uhr

Das funzt leider nicht... ich habe auf jeder Seite im HTML code (head) einen code für den Hintergrund der Webseite (fester Hintergrund), darauf liegt das Layout in dem der Platzhalter/ HTML code (body) per iframe eingefügt ist.

Hilft das vielleicht noch weiter?

Brauch das allowtransparency ein öffnen und schließenden Tag?

marboe schrieb am 09.01.2014 um 12:53 Uhr

Brauch das allowtransparency ein öffnen und schließenden Tag?

Ja, ich denke schon. Wenn du da schon Code untergebracht hast, dann ergänze ihn einfach am Ende. Ich kann dir leider nicht sagen, ob der Code so funktioniert. Versuch macht kluch Aber ich denke hier melden sich auch noch Helfer, die das besser wissen ... ich hab nur hier im Forum geguckt und den Code abgeschrieben. Gruß Martina

BilderMacher schrieb am 09.01.2014 um 13:19 Uhr

Die Seite mit dem Text muss den zusätzlichen Body-Code enthalten:

allowtransparency="true" gehört in den iframe-Code:

Dann sollte es gehen ...

Zuletzt geändert von BilderMacher am 09.01.2014, 13:19, insgesamt 1-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5371
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 134.0.0 (64-Bit)

👶-Boomer

westenich schrieb am 09.01.2014 um 14:37 Uhr

Jaaa ein Fortschritt... und es folgt gleich wieder die Ernüchterung

Als ich in der Vorschau keine Veränderung gesehen habe, aber dann bei Chrome eine war, ich erstmal zufrieden...

welchen Text muss ich für mozilla und die anderen Browser eingeben, damit es dort auch Funktioniert?

BilderMacher schrieb am 09.01.2014 um 16:23 Uhr

Schau doch mal in die Ebenen-Galerie (Page Background), da liegt sicher noch ein Rechteck. Öffne das Schloss und lösche das Rechteck ...

Zuletzt geändert von BilderMacher am 09.01.2014, 16:23, insgesamt 1-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5371
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 134.0.0 (64-Bit)

👶-Boomer