rudyten2000 Posted June 2, 2009 Report Share Posted June 2, 2009 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???? Quote Link to comment Share on other sites More sharing options...
Wickham Posted June 2, 2009 Report Share Posted June 2, 2009 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. Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted June 2, 2009 Report Share Posted June 2, 2009 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.