hmvrulz Posted February 4, 2009 Share Posted February 4, 2009 I am trying to make the background transperency.. but the text on it should be bright and visible.. but i am not able to make the text brighter opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25); u can look at the menu bar here http://www.harshamv.com/test/ Quote Link to comment https://forums.phpfreaks.com/topic/143731-css-opacity/ Share on other sites More sharing options...
TheFilmGod Posted February 4, 2009 Share Posted February 4, 2009 The opacity property in css is poorly configured. The opacity will make all the contents of the div faded, included the text. You will need to use absolute positioning to overlay the text on top and make it visible. I hope the configuration will change in CSS 3. Quote Link to comment https://forums.phpfreaks.com/topic/143731-css-opacity/#findComment-754501 Share on other sites More sharing options...
alphanumetrix Posted February 14, 2009 Share Posted February 14, 2009 I'd help, but that site didn't render at all for me. Did you remove the CSS? Quote Link to comment https://forums.phpfreaks.com/topic/143731-css-opacity/#findComment-762287 Share on other sites More sharing options...
haku Posted February 15, 2009 Share Posted February 15, 2009 Thefilmgod said it all their. Child elements of an element with lowered opacity inherit that lower opacity. Their 100% opacity becomes 100% of the parent element's opacity. So if you have a parent element with 50% opacity, and you set it's child's opacity to 100%, that 100% is only 50% opacity. So if you set that child's opacity to 50%, it would be 25% opacity - half of the parent's opacity. Quote Link to comment https://forums.phpfreaks.com/topic/143731-css-opacity/#findComment-762465 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.