merylvingien Posted January 31, 2011 Share Posted January 31, 2011 I have two divs, both with id, outerbox and overlay overlay is inside the outerbox, and the outerbox has a opacity of 0.7 overlay has an opacity of 1.0 but overlay still shows as opacity of 0.7 here is the css: div#outerbox {position: absolute; top: 0; left: 0; z-index: 90;opacity:0.7; width: 100%;height:200%; background-color: #000;} div#overlay { position: relative; background-color: #ffffff; width: 500px; height: 250px; margin: 0 auto;z-index:100;opacity:0.7;border:3px solid #000;padding:10px;} anyone know why the overlay is picking up the outerbox style? when debugging with firebug, its saying that the overlay has an opacity of 1, but the display shows different. Quote Link to comment https://forums.phpfreaks.com/topic/226281-opacity/ Share on other sites More sharing options...
haku Posted February 1, 2011 Share Posted February 1, 2011 The maximum opacity of a child element is the opacity of its parent. Quote Link to comment https://forums.phpfreaks.com/topic/226281-opacity/#findComment-1168289 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.