css样式小例子

标签：

.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;/*内容超出元素宽高度的时候,内容自动填充元素*/
}

css样式小例子

标签：

原文地址：http://www.cnblogs.com/geluo/p/4320863.html