CSS3 boxshadow on top of all other elements?

user_826511 0
Viewed 12438

I have a page setup as follows

<div class="Header"> Header content </div>

<div class="Content"> Main Body Content </div>

Now in the CSS for the header class, i'm putting

.Header {
    box-shadow: 3px 3px 10px #000;
}

This box-shadow however gets covered up by the Content div. Is there a way to have the shadow from this div on top of all other divs, without going the absolute positioning route?

css html
1 Answers
Related