2 Divs, einen dursichtig, den anderen nicht

[Matce84]

Hallo, ich habe nochmal eine Frage.
Ich habe zwei Divs

Code: Alles auswählen

   <div id="left">
      <div id="logo">
        Logo
        </div>
    </div>


Ich möchte gerne den div "left" durchsichtig haben, und den div "logo" wieder 100% (also nicht durchsichtig)

Code: Alles auswählen

#logo {
   width:140px;
   height:100px;
   background-color:#FFF;
   border:solid 1px #CCC;
   filter:alpha(opacity=100);
   opacity: .10 !important;   
}


Leider bekomme ich das nicht hin, hat einer eine Idee???

[Matce84]

habe noch was bei dem css code vergessen.

Code: Alles auswählen

#left {
   width:150px;
   height:280px;
   padding:10px;
   margin:10px 0px 0px 10px;
   background-color:#FFF;
   filter:alpha(opacity=50);
   opacity: .5 !important;   
}
#logo {
   width:140px;
   height:100px;
   background-color:#FFF;
   border:solid 1px #CCC;
   filter:alpha(opacity=100);
   opacity: .10 !important;   
}



[Azra]

#logo {
width:140px;
height:100px;
background-color:#FFF;
border:solid 1px #CCC;
}

Wäre am sinnvollsten.

[Matce84]

Das funktioniert leider nicht....
da das "logo" div in dem "left" div liegt,
und er übernimmt die tranzparen in die nachfolgenden divs mit

[Azra]

Das funktioniert leider nicht

Tut mir leid, habe den HTML Code im 1. Post überlesen.
So wie du es verschachteln willst ist es auch unmöglich, was du tun musst ist das:

HTML

Code: Alles auswählen

<div id="wrapper">
   <div id="left"></div>
   <div id="logo"></div>
</div>


CSS

Code: Alles auswählen

#wrapper {
   position: relative;
   width: 150px;
   height: 280px;
   margin: 10px 0px 0px 10px;
}
#left {
   position: relative;
   width: 150px;
   height: 280px;
   background-color: #FFF;
   filter: alpha(opacity=50);
   opacity: .5;   
}
#logo {
   position: absolute;
   left: 5px;
   top: 5px;
   width: 140px;
   height: 100px;
   background-color: #FFF;
   border: solid 1px #CCC;
}


Das Logo kannst du per top und left positionieren. Es rechnet vom linken und oberen Rand des #wrapper Containers.

[Matce84]

Sauber danke dir es geht.....