Test
body {
background-color:#FF0;
padding:1em;
}
.opac {
padding:1em;
background-color:#F00;
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5;
filter:Alpha(opacity=50);
display:inline-block;
}
.opac2 {
padding:1em;
background-color:#00F;
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5;
filter:Alpha(opacity=50);
display:inline-block;
}
Testlayer 1
Testlayer 2
Hier mal ein funktionierendes Beispiel.
Der Trick ist: display:inline-block;
Sonst rafft der IE seinen Filter nicht...
Und ich hab dir gleich auch noch die CSS Eigenschaften für ältere MOZ Browser und Konquerer dazugepackt.
Gruß,
Marc
PS: das "inline-block" kannst du natürlich auch über IE Hack einbinden, das wäre:
* html .opac2 {
display:inline-block;
}
PPS: Habs im IE 6 gestestet und im FF.