box-shaddow überlagern?

[lolhonk]

Hallo

ich hab folgendes Problem habe einen Schatten mit box-shaddow in meinem "main-wrapper" erstellt. Wie bekomm ich es hin, dass dieser im footer nicht zu sehen ist? Oder vom Footer background überdeckt wird?

Code: Alles auswählen

#main-wrapper {
   background-color:#ededed
   -webkit-box-shadow: 0px 6px 10px gray; /* webkit browser*/
   -moz-box-shadow: 0px 6px 10px gray; /* firefox */
   box-shadow: 0px 6px 10px gray;
   overflow:hidden;
}

#main {
}

.region-footer {
   background-color:yellow;
   
}


hoffe mir kann jemand helfen

lg
lolhonk

[toasted]

Also in meinem Fall wird box-shaddow vom footer überlagert! So sieht das in Firefox aus:

footer.gif (1.19 KiB) 126-mal betrachtet

Eventuell kannst du versuchen den divs einen z-index zuzuweisen um die Ebenen genau zu definieren:

Main-Wrapper erhält z-index:1;
Footer erhält z-index:2;

lg, Daniel