.black_overlay{ display: none;/*不显示,隐藏*/ position: absolute;/*绝对定位*/ top: 0%;/*距顶部0%[贴紧top]*/ left: 0%;/*距左侧0%[贴紧left]*/ width: 100%;/*宽度100%*/ height: 100%;/*高度100%*/ z-index:1001;/*层的Z轴高度1001*/ -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);/*透明效果*/}.white_content { display: none;/*不显示隐藏*/ position: absolute;/*绝对定位*/ top: 25%;/*距离头部25%*/ left: 25%;/*距离左侧25%*/ width: 50%;/*宽度屏幕50%*/ height: 50%;/*高度屏幕50%*/ padding: 16px;/*该元素内部元素距离该元素的边框16px*/ border: 16px solid orange; /*边框宽度为16px,橘色的实线*/ margin:-32px; /*该元素距其他元素的距离为-32px{关于padding和margin可以多参考下其他的详细介绍,盒状模型}*/ z-index:1002; /*层的Z轴高度1002,该层在black_overlay层外侧, 即该层可以遮盖住black_overlay层 [如果这两个元素都为展示的,white_content在black_overlay之上]*/ overflow: auto;/*内容超出元素宽高度的时候,内容自动填充元素*/}
时间: 2024-10-27 13:37:39