css样式小例子
浏览数：25 /
时间：2015年06月09日
.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;/*内容超出元素宽高度的时候,内容自动填充元素*/
}郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
