nicht angemeldet
Durchsichtiger Hintergrund eines Iframes
SO,
also ich hab die Frage zwar schonmal gestellt,
aber ich bin aus den Antworten nich so recht schlau geworden,
es hat einfach nicht geklappt.
Wie kann ich den Hintergrund eines Iframes durchsichtig machen?
Es wäre nett, wenn ihr mir ein Beispiel posten könntet!!!
THX
by cardox
-
hi
Wie kann ich den Hintergrund eines Iframes durchsichtig machen?
naja.. ob das was wird - und dann auch noch IE-Verträglich? ;) versuchen wir mal:
1. der iframe selbst:
iframe{background-color:transparent;} im CSS2. der inhalt:
(also in der Seite, die in dem <iframe> zu laden ist anzugeben!
html,body{background-color:transparent;}Grüße aus Bleckede
Kai
-
Hi
Ich hab des so gemacht wie du das gesagt hast
(glaub ich jedenfalls ;), aber es funktioniert nicht...
Könntest du mir nicht noch einmal helfen?
Hier ist der code, vieleicht kannste mir ja den Fehler sagen...:von der Haupseite:
<html>
<heat>
<title>cardox´s Page</title>
<style type="text/css">
<!--
iframe{background-color:transparent;}
//-->
</style>
</heat>
<body background="schwarz.gif">
<table border="0" width="100%" height="100%">
<tr><td width="20%" height="15%"></td><td width="80" height="15%"></td></tr>
<tr><td width="20%" height="80%"></td><td width="80%" height="80%"><iframe src="hauptteil.html" width="100%" height="100%" name="hauptteil border="0" frameborder="0" framespacing="0" scrollling="auto"></td></tr>
</table>
</body>
</html>von dem iframe:
<html>
<heat>
<title>cardox´s Page</title>
</heat>
<body {background-color:transparent;} bgcolor="#000000">
<br>
<br>
<br>
<center>
<p style="color: blue; font-size: 40">
<b>Wilkommen<br></b></p><hr>
<br>
<br>
<br>
<p style="color: #003399; font-size: 30;">
<u>Diese Seite befindet sich zur Zeit noch im Aufbau</u>
</p>
</center>
</body>
</html>hier kannste sehen wie das ausschaun würde...
(leider wird es ja nicht so angezeigt, wie ich es haben will...)
www.cardox.de.vuTHX
by cardox-
hi
<heat>
<heaD>
<body {background-color:transparent;} bgcolor="#000000">
eeeh.. dualfalsch:
<style type="text/css">
<!--
html,body{background-color:transparent;}
//-->
</style>
</head>
<body>also erstmal der CSS-Fehler und dann darf natürlich keine bgcolor existieren!
Grüße aus Bleckede
Kai
-
also erstmal der CSS-Fehler und dann darf natürlich keine bgcolor existieren!
hab ich jetzt auch gemacht...
code:index:
<html>
<head>
<title>cardox´s Page</title>
<style type="text/css">
<!--
iframe{background-color:transparent;}
//-->
</style>
</head>
<body background="schwarz.gif">
<table border="0" width="100%" height="100%">
<tr><td width="20%" height="15%"></td><td width="80" height="15%"></td></tr>
<tr><td width="20%" height="80%"></td><td width="80%" height="80%"><iframe src="hauptteil.html" width="100%" height="100%" name="hauptteil border="0" frameborder="0" framespacing="0" scrollling="no"></td></tr>
</table>
</body>
</html>iframe:
<html>
<head>
<title>cardox´s Page</title>
<style type="text/css">
<!--
html,body{background-color:transparent;}
//-->
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<center>
<p style="color: blue; font-size: 40">
<b>Wilkommen<br></b></p><hr>
<br>
<br>
<br>
<p style="color: #003399; font-size: 30;">
<u>Diese Seite befindet sich zur Zeit noch im Aufbau</u>
</p>
</center>
</body>
</html>(wie des aussieht auf www.cardox.de.vu)
aber irgentwie klappt des noch immer net...
Hast du nicht noch einen Tipp?
THX
by cardox-
hi
aber irgentwie klappt des noch immer net...
Hast du nicht noch einen Tipp?das Bild ist nicht wirklich schwarz, oder...?
Grüße aus Bleckede
Kai
-
das Bild ist nicht wirklich schwarz, oder...?
Hi
Also ich weiß nicht so ganz wie das gemeint ist!
Ich will doch nur erreichen, das der Iframe keinen eigenen
Hintergrund hat(bzw das man den Hintergrund des Iframes nicht sieht),
sondern das der Inhalt des iframe einfach auf dem Hintergrund der hauptseite steht...plz help me
by cardox-
Hallo,
Ich will doch nur erreichen, das der Iframe keinen eigenen
Hintergrund hat(bzw das man den Hintergrund des Iframes nicht sieht),
sondern das der Inhalt des iframe einfach auf dem Hintergrund der hauptseite steht...ein iframe liegt eigentlich nicht _auf_ einer Hauptseite, sondern _in_, wo iframe ist liegt wohl keine Hauptseite dahinter.
Ginge auch ein div?
Grüsse
Cyx23
-
ein iframe liegt eigentlich nicht _auf_ einer Hauptseite, sondern _in_, wo iframe ist liegt wohl keine Hauptseite dahinter.
moin
Also stimmt eigentlich, aber das heißt doch dann, dass das unmöglich ist, was ich machen will. Wieso bekomme ich dann einen code dafür, wenns doch eigentlich gar nicht geht? (so)Ginge auch ein div?
Hmm, oder gehts jetzt doch??
Mit einem div??
by cardox-
Hi,
ein iframe liegt eigentlich nicht _auf_ einer Hauptseite, sondern _in_, wo iframe ist liegt wohl keine Hauptseite dahinter.
moin
Also stimmt eigentlich, aber das heißt doch dann, dass das unmöglich ist, was ich machen will. Wieso bekomme ich dann einen code dafür, wenns doch eigentlich gar nicht geht? (so)mit dem Code müsste man Kai nochmals fragen, vielleicht gibt es doch einen Unterschied zwischen frame und iframe.
Bei Mozilla habe ich jetzt z.B. tatsächlich einen iframe der sich mit der übrigen Seite mischt, da wäre ein transparenter iframe möglich; ich bin bislang aber davon ausgegangen dass es ein bug von Mozilla ist.
Ginge auch ein div?
Hmm, oder gehts jetzt doch??
Mit einem div??kommt ja darauf an was im div drinnen ist, wenn ein "document" im div geladen wird ohne Hintergrundfarbe könnte m.E. die Farbe der Hauptseite durchscheinen, bei einem iframe müsste m.E. die Grundfarbe des Browser sichtbar werden.
Evtl. kann man per JavaScript je nach Browser nachhelfen und die Farbe nachträglich undefiniert setzen, da müsstest du notfalls wenn es nicht gleich klappt experimentieren (also nicht nur 'transparent' sondern ggf. '' oder 'undefined' 'null' oder so per script statt style)Grüsse
Cyx23
-
Hi,
nachdem ich nochmals einige Seiten in einem verkleinerten Fenster
angeschaut habe, scheinen sowohl IE6 als auch Mozilla 1.1 Überlappungen
zuzulassen, im Gegensatz zu Opera. Dabei ist evtl. bei IE und Mozilla
die Lage bzw. Reihenfolge der Schichten verschieden(?), also u.U.
etwas umständlich zu handeln.
Bei IE und Mozilla ist die Eigenschaft 'transparent' grundsätzlich
möglich, müsste dann aber u.U. nicht vorrangig auf iframe angewandt
werden sondern vielleicht i.d. betr. hauptteil.html stehen(?), hat
Kai womöglich alles richtig geposted. Hast du eigentlich eine
URL mit 'nem Beispiel?So sollte z.B. in einer Datei per javascript eine Änderung möglich sein:
<html><body style="background-Color:red">
<script>
setTimeout("document.getElementsByTagName('body')[0].style.backgroundColor='transparent';",900);
</script>
</body></html>Grüsse
Cyx23
-
Hi,
Hast du eigentlich eine
URL mit 'nem Beispiel?
jo, hier ein ganz simples teil wo ich des ausprobieren wollte
(ganz simpel==viel mehr kann ich eh net ;)ABER:
Könntet IHR mir nicht ein Beispiel posten, bei dem ihr wisst dass es funzt?
Ich hab leider noch keines gefunden...
THX
by cardox-
Soweit ich weiß, geht das nicht bei I-Frames.
(Habe selbst auch etwas getestet). Du kannst Dir jedoch helfen, wenn Du die position des I-Frames festlegst und dann von der Hauptseite Screenshot anfertigst, den entsprechenden Ausschnitt in die Datei des I-Frame als Hintergrundbild einfügst und mitscrollen des Hintergrundes verbietest.Beispiel :
http://www.bruchmann-pr.de/1024/referenz.htm
Ansonsten müßtest Du ein Formularfeld als I-Frame "mißbrauchen", dort kommst Du mit Kais Tips weiter.
Gruß
David
-
-
-
-
-
-
-
-
-
-
-