javascript - Multiple popup window layers position in CSS -
hi have jquery popup window has 3 layers image below. i'm trying make window3 centered overlaps window2. reason, window3 stays @ top-left corner image. tried many different ways(padding, margin, z-index, position..) no matter do, window3 won't centered. maybe missed , hope other ideas. didn't post html since contains 3 windows div tags bunch data-fields generated javascript below. function( contenturl, container, theight, twidth, controller, param ){ if( container === "dialog" ){ var mask = '<div class="mask"></div>'; var window3 = '<div class="window3"></div>'; $(mask).appendto('body'); $(window3).appendto('body'); style.css .mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.7;