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. 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. Link to comment https://forums.phpfreaks.com/topic/226281-opacity/#findComment-1168289 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.