DW 游记css

@charset "utf-8";
/* CSS Document */
.allbody {
	position: absolute;
	margin:auto;
	width: 100%;
	z-index: 1;
	background-color: #FFF;
	vertical-align: middle;
	text-align:center;
	font-size: 18px;
	left: 0px;
	top: 0px;
}
#bgnav {
	position:relative;
	margin:auto;
	top:0px;
	left:0px;
	width: 960px;
	height: 50px;
	z-index: 2;
	
}
#shangbiaoti {
	position:relative;
	margin:auto;
	top:0px;
	left:0px;
	width: 960px;
	height: 50px;
	z-index: 1;
}
#logo{
	position:relative;
	height:50px;
	width:150px;
	z-index: 1;
}
#denglu{
	position: relative;
	height: 50px;
	width: 810px;
	top:-50px;
	left:150px;
	z-index: 2;
	line-height:100px;
	font:bold 14px "微软雅黑" ;
	text-align:right;
	line-height:65px;
}
.daohang {
	position: relative;
	float:left;
	width: 160px;
	height: 48px;
	z-index: 1;
	line-height:10px;
	font:bold 17px "微软雅黑" ;
	line-height:65px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
}
#zhongdi {
	position:absolute;
	left:0px;
	top:60px;
	width: 960px;
	height: 660px;
	z-index: 2;
	background-color: #FFF;
}
#dia {
	position: absolute;
	width: 960px;
	height: 80px;
	z-index: 3;
	background-color: #FFF;
}
#zhonga {
	position: absolute;
	top:80px;
	width: 615px;
	height: 290px;
	z-index: 3;
	background-color:#F9F;
}
#zhongb {
	position: absolute;
	top: 80px;
	left: 630px;
	width: 330px;
	height: 185px;
	z-index: 3;
	background-color: #F9F;
}

#zhongc {
	position: absolute;
	top: 278px;
	left: 630px;
	width: 330px;
	height: 185px;
	z-index: 3;
	background-color: #F9F;	
}

#zhongd {
	position: absolute;
	top: 475px;
	left: 630px;
	width: 330px;
	height: 185px;
	z-index: 3;
	background-color: #F9F;	
}

#zhonge {
	position: absolute;
	top: 380px;
	width: 300px;
	height: 280px;
	z-index: 3;
	background-color: #F9F;	
}
#zhongf {
	position: absolute;
	top: 380px;
	left:315px;
	width: 300px;
	height: 280px;
	z-index: 3;
	background-color: #F9F;	
}
#di {
	position:absolute;
	left:0px;
	top:730px;
	width: 960px;
	height: 670px;
	z-index: 2;
	background-color:#fff;
}

#dib {
	position: absolute;
	left: 0px;
	width: 264px;
	height: 600px;
	z-index: 3;
	background-color: #FFF;
}
#dic {
	position: absolute;
	left: 281px;
	width: 672px;
	height: 618px;
	z-index: 3;
	background-color: #FFF;
	border: 2px solid #CCC;
	list-style: none;
	text-align: left;
}
#die {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 260px;
	height: 310px;
	z-index: 3;
	background-color:#CCC;
	border: 2px solid #CCC;
	line-height:30px;
	text-align:left;
}
#dif {
	position:relative;
	top: 329px;
	left: 0px;
	width: 260px;
	height: 287px;
	z-index: 3;
	background-color: #CCC;
	border: 2px solid #CCC;
}
#zi{
	position:absolute;
	width: 670px;
	height: 20px;
	z-index: 3;
	background-color: #FFF;
}
#wena{
	position:absolute;
	top:30px;
	width: 670px;
	height: 188px;
	z-index: 3;
	background-color: #FFF;
	border: 2px solid #CCC;	
}
#wenb{
	position:absolute;
	top:228px;
	width: 670px;
	height: 188px;
	z-index: 3;
	background-color: #FFF;
	border: 2px solid #CCC;	
}
#wenc{
	position:absolute;
	top:426px;
	float: inherit;
	width: 670px;
	height: 188px;
	z-index: 3;
	background-color: #FFF;
	border: 2px solid #CCC;	
}
.tu{
	position: absolute;
	width: 190px;
	height: 190px;
	z-index: 3;
	background-color: #FFF;
	
}
.wenzi{
	position: absolute;
	left: 190px;
	width: 480px;
	height: 188px;
	z-index: 3;
	background-color: #FFF;
	text-align: justify;
	
}
 #ban {
	position:absolute;
	bottom:0px;
	height:630px;
	width: 960px;
	height: 48px;
	z-index: 4;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	text-align:center;
	line-height:70px;
}
 #zuidi {
	position:relative;
	margin:auto;
	bottom:0px;
	height:630px;
	width: 960px;
	height: 48px;
	z-index: 4;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	text-align:center;
	line-height:70px;
}
#maodian {
	position:fixed;
	width: 100px;
	height: 100px;
	z-index: 3;
	background-color: #FFF;
	right:0px;
	bottom:0px;
}
<style> 
img{border:0}/* css 注释说明：设置图片边框为0 */ 

#zhonga{ position:absolute;width:615px; height:290px;} 
#zhonga a,#zhonga span{display:none; text-decoration:none}
#zhonga:hover{cursor:pointer} 
#zhonga:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
#zhonga:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:615px; 
z-index:10;height:160px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */ 
 
</style> 
#zhongb{ position:absolute;width:330px; height:185px;} 
#zhongb a,#zhongb span{display:none; text-decoration:none}
#zhongb:hover{cursor:pointer} 
#zhongb:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
#zhongb:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:330px; 
z-index:10;height:185px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */ 
 
</style> 
</style> 
#zhongc{ position:absolute;width:330px; height:185px;} 
#zhongc a,#zhongc span{display:none; text-decoration:none}
#zhongc:hover{cursor:pointer} 
#zhongc:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
#zhongc:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:330px; 
z-index:10;height:185px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */ 
 
</style> 
</style> 
#zhongd{ position:absolute;width:330px; height:185px;} 
#zhongd a,#zhongd span{display:none; text-decoration:none}
#zhongd:hover{cursor:pointer} 
#zhongd:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
#zhongd:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:330px; 
z-index:10;height:185px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */ 
 
</style> 
</style> 
#zhonge{ position:absolute;width:300px; height:280px;} 
#zhonge a,#zhonge span{display:none; text-decoration:none}
#zhonge:hover{cursor:pointer} 
#zhonge:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
#zhonge:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:300px; 
z-index:10;height:280px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */ 
 
</style> 
</style> 
#zhongf{ position:absolute;width:300px; height:280px;} 
#zhongf a,#zhongf span{display:none; text-decoration:none}
#zhongf:hover{cursor:pointer} 
#zhongf:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
#zhongf:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:300px; 
z-index:10;height:280px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */ 
 
</style> 
a{
text-decoration:none;
}
a:link {
    color:#000;
	text-decoration:none;
}
a:visited {
    color:#000;
	text-decoration:none;
}
a:hover {
    color:#000000;
	text-decoration:none;
}
a:active {
    color:#000000;
	text-decoration:none
 }
 .allbody2 {
	position: absolute;
	width: 100%;
	height:auto;
	z-index: 1;
	background-color: #FFF;
	vertical-align: middle;
	font-size: 18px;
	left: 0px;
	top: 0px;
}
#yi {
	position:relative;
	margin:auto;
	left:0px;
	top:0px;
	width: 960px;
	height: 460px;
	z-index: 2;
	background-color: #FcF;
}
#er {
	position:relative;
	margin:auto;
	left:0px;
	top:0px;
	width: 960px;
	height: 2107px;
	z-index: 2;
	background-color:#FCF;
}
#san {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 311px;
	height: 2099px;
	z-index: 2;
	background-color: #CCC;
	border: 2px solid #CCC;
}
.SI {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 645px;
	height: 2107px;
	z-index: 2;
	background-color: #fff;
	line-height:30px;
}