Transparente IFrames

Stephanie · 11.12.2002, 18:23

Hallo,
ich habe im Internet folgenden IFrame-Tag gefunden:

allowtransparency=""
Gibt an, ob der IFrame transparent sein kann (mögl. Werte sind "true"
und "false")

Immer, wenn ich das ganze anwenden will, funktioniert es nicht. Was hat es damit auf sich???

webmichl · 11.12.2002, 19:24

Laut SelfHTML gibt's dieses Attribut nicht:

Zitat:

Stephanie · 11.12.2002, 20:56

Ist erledigt...

Stuck Mojo · 11.12.2002, 22:40

Als kleiner Nachtrag:
http://msdn.microsoft.com/workshop/a...p#transparency
und
http://msdn.microsoft.com/workshop/a...cts/iframe.asp

Der IE kann das... du kannst meiner Meinung nach auch mit den IE-Spezifischen Filtern die Transparenz einstellen.

Gruss Jan

Flixxtoras · 11.12.2002, 23:33

probiers mal damit:

Code:
<html>
<head>
<title>Halbtransparente Scrollbalken Teil 2</title>



<style type="text/css">
<!--
body {
background-image: url(1.jpg);
overflow: hidden; /*Scrollen ausschalten*/
font-size: 15pt;
scrollbar-base-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
margin:0px,0px,0px,0px; /*Aussenabstand auf allen Seiten 0px*/
}
#content {
width:100%; /*100% Breite*/
height:100%; /*100% Höhe*/
overflow:hidden; /*Scrollen ausschalten*/
filter: Alpha(Opacity=60); /*CSS-Magic

Gibt dem ganzen Layer einen Alphawert von 60%*/
-moz-opacity:40%; /*Das ganze auch für Netscape und Mozilla

*/
}
#innercontent {
position:absolute; /*Asolut positionieren*/
width:350px; /*Irgendeine Breite angeben*/
height:210px; /*Irgendeine Höhe angeben*/
left:40px; /*Position*/
top:40px; /*Position*/
overflow:auto; /*Wichtig: scrollbar machen!!*/
background-color: #FFFFFF; /*Hintergrund dem Scrollbar anpassen, sieht besser aus!*/

}
#image {
position:absolute; /*Asolut positionieren*/
width:350px; /*Irgendeine Breite angeben*/
height:210px; /*Irgendeine Höhe angeben*/
overflow:hidden; /*Scrollen ausschalten*/
left:400px; /*neben den Scrolltext platzieren*/
top:40px; /*Position*/
}
//-->
</style>
</head>
<body>
<div id="image"> 
<img src="high1.jpg">
</div>
<div id="content"> <!-- Der alte Content Layer

-->
<div id="innercontent"> 
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
Ich bin ein Blindtext.
</div>
</div>
</body>
</html>