Help with CSS and DIV?

[kceron]

I recently worked on my site and made rounded divs with the css style of:

#featured {

position: absolute;

left: 170px;

top: 140px;

height: 40%;

width: 60%;

background: #30C;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; /* future proofing */

-khtml-border-radius: 10px;

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

}

Unfortunately when I added some text to the div, the text was behind the div and tried adding images and it was still the same. Is it in layers? What can I do to fix this?

[bigsilk]

Create a different div and add

z-index:1000;

for the text and images. You’ll have to adjust that div to overlay the border div, but that should do it.

[kceron]

It still shows as if its behind making the images impossible to see. :[

[kceron]

Nevermind z-index was the trick, I feel using -1 for the actual box is more effective then adding 100 to the objects on top.

[Author]

Posts