JQUERY弹出模式DIV
弹出DIV是采用JQUERY+CSS联合控制的,JQUERY弹出窗口,CSS控制层的显示和效果
页面代码:
@CHARSET "UTF-8";.pop-box-body {clear: both;margin: 4px;padding: 2px;}.pop-boxh4{ color:#FFF; cursor:default; height:18px; font-size:14px; font-weight:bold; text-align:left; padding-left:8px; padding-top:4px; padding-bottom:2px; background:blue;}.pop-box {/*弹出窗口后,弹出的DIV采用此CSS,保证置于最上层 z-index控制Z轴的坐标,数值越大,离用户越近*/z-index: 9999999; /*这个数值要足够大,才能够显示在最上层*/margin-bottom: 3px;display: none;position: absolute;background: gray;border: solid1px #6e8bde;}#bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;/*弹出窗口后,添加遮罩层,采用此CSS,将该层置于弹出DIV和页面层之间 z-index控制Z轴的坐标,数值越大,离用户越近*/z-index: 5; background: white;}