Image is transparency?

[rudyten2000]

the CSS

.transparent_class {
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
}

 

I apply the above to a DIV holding an image. It works fine. The image is transparent.

 

Also inside that DIV I have another small DIV containing another small image. This image is placed on top of the First image by using Absolute position 0 0;

 

Question. How Can I make the second image NOT Transparent????

[Wickham]

As you have discovered, once you use filter or opacity you cannot go back to 100% inside the same div. See this for general advice:-

http://www.wickham43.net/opacity.php item 3c

 

You have to create position: relative containing div, then the div with the opacity, then another div with position: absolute and position that over the top of the div with opacity.

[PicnicTutorials]

Here is a good read on the subject. The method that Wickham mentioed is the same one that I use as well, but there are a couple others.