CODEWITHSUNDEEP
cssshadow
Tara
Tara

Reputation: 1598

How to Create a Box Shadow?

I'm trying to create a shadow under the lower nav bar on this site. But the CSS below doesn't seem to be working.

Any ideas?

Thanks,

Tara

#catmenucontainer {
    height:25px;
    background:#333333;
    display:block;
    padding:0px 0 0px 0px;
    font: 18px helvetica, sans-serif, Arial;
    font-weight:normal;
    border-bottom:1px solid #000;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}

Upvotes: 0

Views: 395

Answers (3)

seler
seler

Reputation: 9193

shadow it's working. it's just that div#casing is covering it.

#catmenucontainer {
    position: relative;
    z-index:2
}
#casing {
    position: relative;
    z-index:1
}

Upvotes: 1

Pedro Correia
Pedro Correia

Reputation: 813

Here is an example of your code without the offending elements: Menu with css3 shadow

Upvotes: 1

Nosrac
Nosrac

Reputation: 144

Your CSS is fine and I can confirm it works. Try this and tinker with it until you get it where you want it:

-moz-box-shadow: 0 0 5px red;
-webkit-box-shadow: 0 0 5px red;
box-shadow: 0 0 5px red;

Upvotes: 0

Related Questions