Ebene auf Ebene (mit z.b. z-index / Layer)...!?
Hallo,
suche eine Lösung, für Ebene auf Ebene (mit z.b. z-index / Layer)...!?
3 Spalten Layout mit Head & Foot... angedacht sind 2 Ebenen für die mittlere Spalte, es ein Haupthintergrundbild (Head, Links, Rechts & Foot) geben soll und die mittlere Spalte ein eigenes Hintergrundbild erhalten soll, dies aber nur auf der Startseite 100% sichtbar sein soll – auf den Unterseiten/Inhaltsseiten nur zu 50-70% (filter:alpha(opacity=50) etc.) sichtbar....
Bei einer ein Ebenen-Lösung und der Filtersetzung, wird leider aus Hintergrundbild auch durchsichtig und das Haupthintergrundbild scheint durch...
Beispiel: (funst auf einer normalen seite janz gut , bei papoo leider nicht.... wobei die position:absolute so & so nicht die beste Lösung ist...)
body
{
padding:0px;
margin:0px;
background-color:transparent;
background-image:url(hg1.jpg);
font-family: Broadway, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.examplediv
{
background-color:#efefef;
border-style:solid #000000 1px;
}
#dividheader
{
position:absolute;
color: #fff;
left: 0px; right: 0px; top:0px; width: 100%; height: 180px;
float: left;
background: transparent;
background-image:url(top.gif);
background-repeat:no-repeat;
background-position:center;
z-index:1;
}
#dividfooter
{
position:absolute;
left: 0px; right: 0px; top:931px; width: 100%; height: 200px;
clear: both;
color: #fff;
background: transparent;
background-image:url(foot.gif);
background-repeat:no-repeat;
background-position:center;
z-index:1;
}
#dividmain1
{
position:absolute;
left:160px; top:180px; width:933px; height:741px;
background-image:url(mhg1.jpg);
z-index:1;
}
#dividmain2
{
position:absolute;
left:160px; top:180px; width:933px; height:741px;
overflow:auto;
background:#fff;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
z-index:2;
}
#dividleftcolumn
{
position:absolute;
background: transparent;
left: 0px; top:180px; width: 160px; height: 741px;
float: left;
text-align:center;
z-index:1;
}
#dividrightcolumn
{
position:absolute;
background: transparent;
left:1093px; top:180px; width: 160px; height: 741px;
float: left;
text-align:center;
z-index:1;
}
Dank für Hilfe im Voraus
L.g.rgfly
Re: Ebene auf Ebene (mit z.b. z-index / Layer)...!?
Hi,
das kann ich mir jetzt nicht so wirklich vorstellen, hast du mal einen Link?
Viele Grüße,
Carsten