Seite mit transparentem Divs

[michisa86888]

Hallo bin grad bei unserer Seite unserer Hobbyfussballmannschaft.
Habe mich ein bisschen probiert an durchsichtigen Divs.
Den contentbereich habe ich in drei divs übereinander aufgeteilt. Kennt da jemand vielleicht einen Rat wie man das etwas einfacher darstellen kann damit es dann auch im IE funktioniert. Das neue Element "opacity: 0.5;"
ist ja aus CSS3 und wird von IE noch nicht unterstützt. Will das das Stadion bläulich im Hintergrund und dann da wo ich schreiben werde ein durchsichtiger weisser kasten hin kommt.

Hab hier mal ein Ausschnitt meiner CSS:

#maincontent{
position: fixed; 
top: 150px; /*wert von oberen box*/
left: 200px; /*wert von linker box*/
right: 150px; /*wert von rechter box*/
height: 900px;
bottom: 0;
overflow: auto; 
background-image: url(../images/stadion.jpg);
}
#maincontent2{
position: fixed; 
top: 250px; /*wert von oberen box*/
left: 275px; /*wert von linker box*/
right: 225px; /*wert von rechter box*/
bottom: 30px;
overflow: auto; 
background-image: url(../images/durchsichtig2.gif);
opacity: 0.5;
}
#maincontent3{
position: fixed; 
top: 250px; /*wert von oberen box*/
left: 275px; /*wert von linker box*/
right: 225px; /*wert von rechter box*/
bottom: 30px;
overflow: auto; 
background-image: url(../images/durchsichtig.gif)
}

Kann jemand damit was anfangen??

Hier hab ich die Seite mal geuppt:

 

[cebito]

AW: Seite mit transparentem Divs

   opacity:0.5;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);

Erste Zeile - moderne Browser
Zweite Zeile - IE8
Dritte Zeile - IE>=7

http://www.quirksmode.org/css/opacity.html

 

[michisa86888]

AW: Seite mit transparentem Divs

@
danke muss ich das genauso in meine CSS schreiben??
funktioniert das dann wirklich beim IE?
Danke für deine schnelle Antwort

 

[chacki]

AW: Seite mit transparentem Divs

Japp.

Genau so rein und dann klappts auch wirklich

#maincontent2{
position: fixed; 
top: 250px; /*wert von oberen box*/
left: 275px; /*wert von linker box*/
right: 225px; /*wert von rechter box*/
bottom: 30px;
overflow: auto; 
background-image: url(../images/durchsichtig2.gif);
opacity:0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50}

Evtl. die 2 IE Attribute in ein extra Stylesheet da die 2 nicht konform sind.