blooody: iframe transparente scrollbar und halbtransparenter hintergrund

abgedunkeltes iframe mit transparentem hintergrund und transparenter scrollbar

Ich bin hier neu und hoffe nicht gleich was falsch zu machen ;)
Ich habe bei einem Homepage-Design (http://krulezz.de.vu/) mal ein iframe entdeckt, bei dem ein (hintergrund?)Bild der eigentlichen Seite durch das iframe und durch die scrollbar durchsah!
Da ich zu dem Zeitpunkt zu Hause noch nicht ins Internet konnte (und ich es jetzt wieder nicht kann), musste ich in einer Art Internetcafé surfen, das den InternetExplorer mit dem "Aufsatz" SiteKiosk (http://www.sitekiosk.com/) benutzt!
Durch diesen "Aufsatz" (mir fällt echt kein besseres Wort ein) hat man weniger Rechte und kann sich so z.B. keinen Quelltext ansehen!

---

Also hab ich mich über google darüber schlau gemacht und hab eine alte Seite in diesem Forum (http://forum.de.selfhtml.org/archiv/2003/9/t56550/) gefunden, die mittlerweile schon im Archiv ist.
Als ich zu Hause ein bisschen rumprobierte, hab ich eine Lösung gefunden, weiß aber nicht, wo ich damit hin soll?

Dort kann man nichts mehr posten, weil es im Archiv ist, und wer zweilicht ist, konnte ich auch nicht herausfinden; eine e-m@il-Adresse steht nicht dort!
Außerdem ist auf der Homepage nichts mehr zu finden....

Ich weiß nicht, ob diese Antwort noch nötig ist, aber ich schreib's einfach mal:

Ich weiß es nicht sicher, aber ich glaube allowtransparency="true" unterstützt nur der IE und vielleicht noch Opera oder Mozilla!
Der IE unterstützt aber keine transparenten pngs.
Und mit gifs, kann man ja bekanntlicherweise nur 100% transparente oder 100% deckende Flächen erzeugen.
Also hab ich's mit dem CSS-Filter Alpha versucht und ein schwarzes 1-Pixel-Bitmap* absolut in der Datei, die in das iframe geladen wird, positioniert (left:0; top:0;) und mit z-Index ganz nach unten.
style0 ging bei mir nicht, also hab ich style2 mit finishopacity=50 und opacity=50 benutzt.
Mit dem CSS-Filter gehts zwar nur mit dem IE, aber für die Scrollbar wurde ja auch ein CSS-Filter benutzt und mit einem CSS-Hack kann man ja die Graphik sicher nur beim IE erscheinen lassen.
Man kann natürlich auch 25 oder 75 oder irgendwas beliebig anderes für opacity und finishopacity benutzen; vielleicht sogar verschiedenes...
Erklärung für den Alpha-Filter, siehe http://de.selfhtml.org/css/eigenschaften/filter.htm#alpha .
Einige Probleme gab es jedoch schon noch:
-      Unter der scrollbar ist nichts abgedunkelt
-      schwarze Flächen werden automatisch 100% transparent
-      Schriftfarbe ist immer weiß (auch wenn sie mit css formatiert wird; !important hab ich noch nicht probiert)

P.S.:
 *(ein bisschen mehr Pixel, aber ich glaube das dürfte egal sein, auch mit dem Filter)

  1. OK, ich hab noch bemerkt, dass einiges hier drin nicht ganz richtig ist und wollte es einfach mal ausbessern, falls es doch mal von irgendwem gelesen wird, ich benutze jetzt kein TOFU sondern schreib einfach mal meine verbesserungen mitten in den Text,... ach ihr seht schon, oder auch nich, wird ja eh nich gelesen ;)

    abgedunkeltes iframe mit transparentem hintergrund und transparenter scrollbar

    Ich bin hier neu und hoffe nicht gleich was falsch zu machen ;)
    Ich habe bei einem Homepage-Design (http://krulezz.de.vu/) mal ein iframe entdeckt, bei dem ein (hintergrund?)Bild der eigentlichen Seite durch das iframe und durch die scrollbar durchsah!
    Da ich zu dem Zeitpunkt zu Hause noch nicht ins Internet konnte (und ich es jetzt wieder nicht kann), musste ich in einer Art Internetcafé surfen, das den InternetExplorer mit dem "Aufsatz" SiteKiosk (http://www.sitekiosk.com/) benutzt!
    Durch diesen "Aufsatz" (mir fällt echt kein besseres Wort ein) hat man weniger Rechte und kann sich so z.B. keinen Quelltext ansehen!


    Also hab ich mich über google darüber schlau gemacht und hab eine alte Seite in diesem Forum (http://forum.de.selfhtml.org/archiv/2003/9/t56550/) gefunden, die mittlerweile schon im Archiv ist.
    Als ich zu Hause ein bisschen rumprobierte, hab ich eine Lösung gefunden, weiß aber nicht, wo ich damit hin soll?

    Dort kann man nichts mehr posten, weil es im Archiv ist, und wer zweilicht ist, konnte ich auch nicht herausfinden; eine e-m@il-Adresse steht nicht dort!
    Außerdem ist auf der Homepage nichts mehr zu finden....

    Ich weiß nicht, ob diese Antwort noch nötig ist, aber ich schreib's einfach mal:

    Ich weiß es nicht sicher, aber ich glaube allowtransparency="true" unterstützt nur der IE und vielleicht noch Opera oder Mozilla!
    Der IE unterstützt aber keine transparenten pngs.
    Und mit gifs, kann man ja bekanntlicherweise nur 100% transparente oder 100% deckende Flächen erzeugen.
    Also hab ich's mit dem CSS-Filter Alpha versucht und ein schwarzes 1-Pixel-Bitmap* absolut in der Datei, die in das iframe geladen wird, positioniert (left:0; top:0;) und mit z-Index ganz nach unten.

    Das Bild war in einem div container und DER wurde absolut positioniert
    Der Inhalt war in einem anderen div container, der auch absolut positioniert wurde, mit z-Index aber über den anderen gelegt wurde

    style0 ging bei mir nicht, also hab ich style2 mit finishopacity=50 und opacity=50 benutzt.
    Mit dem CSS-Filter gehts zwar nur mit dem IE, aber für die Scrollbar wurde ja auch ein CSS-Filter benutzt und mit einem CSS-Hack kann man ja die Graphik sicher nur beim IE erscheinen lassen.
    Man kann natürlich auch 25 oder 75 oder irgendwas beliebig anderes für opacity und finishopacity benutzen; vielleicht sogar verschiedenes...
    Erklärung für den Alpha-Filter, siehe http://de.selfhtml.org/css/eigenschaften/filter.htm#alpha .
    Einige Probleme gab es jedoch schon noch:
    -      Unter der scrollbar ist nichts abgedunkelt

    Dieses Problem lässt sich leicht beheben, indem man bei dem Iframe 'scrolling="no"' angibt und den div-container mit dem Inhalt nur so groß macht, wie durch das Iframe sichtbar ist. In dem gibt man dann die CSS-Eigenschaft 'overflow:scroll;' an. Doch die Scroll-Leisten sind ja beekanntlicherweise nicht halbtransparent und werden dann eben, wie unten beschrieben transparent und machen eben auch den darunterliegenden Bereich des halbtransparenten "abdunkler"-Bildes transparent

    -      schwarze Flächen werden automatisch 100% transparent
    -      Schriftfarbe ist immer weiß (auch wenn sie mit css formatiert wird; !important hab ich noch nicht probiert)

    Alle elemente über dem Halbtransparenten Bild haben als "Farbe" automatisch transparent, machen also den Bereich des halbtransparenten Bildes, über dem sie liegen vollständig transparent. Da der Hintergrund relativ hell ist, den ich zum TEsten benutzt habe und die Schrift klein ist, hielt ich es für weiß.
    Nur andere halbtransparente Objekte, wie Grafiken mit dem Alpha-Filter werden normal angezeigt

    P.S.:
    *(ein bisschen mehr Pixel, aber ich glaube das dürfte egal sein, auch mit dem Filter)

    Falls irgendwas hier mal gelesen wird, *panikstimme* VERSTEHT MAN MICH?
    Wenigstens grob?
    Danke für eure Geduld