DW 美食css

/* CSS Document */

.allbody {
	position:absolute;
	margin:auto;
	  100%;
	height: 100%;
	z-index: 1;
	background-color:#FFF;
	text-align:center;
	vertical-align:middle;
	font-size:18px;	
}
#logobiaoti{
	position:relative;
	margin:auto;
	top:0px;
	left:0px;
	 960px;
	height: 50px;
	z-index: 1;
	background-color:#3F3;
}
#bgnav {
	position:relative;
	margin:auto;
	top:0px;
	left:0px;
	 960px;
	height: 50px;
	z-index: 1;
	background-color:#fff;
}
.daohang {
	position: relative;
	float:left;
	 160px;
	height: 50px;
	z-index: 1;
	line-height:10px;
	font:bold 17px "微软雅黑" ;
	line-height:10px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	
}
.guntu{
	position:absolute;
	top:50px;
	960px;
	height:400px;
	z-index: 2;
	background:#0F9
	}
.wenzi{
	position:absolute;
	top:400px;
	960px;
	height:100px;
	z-index:3;
	background:#FFC;
	text-align:left
}
	

		
.beijing{
	position:absolute;
	top:100px;
	960px;
	height:50px;
	z-index:2;
	background:#F39;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/13610%E5%89%AF%E6%9C%AC.jpg)
	
	}
	
.beitu{
	position:relative;
	top:50px;
	960px;
	height:350px;
	z-index:2;
	background:#900;
	}
	.xiaotubeijing{
		position:absolute;
		left:10px;
		top:5px;
		940px;
		height:340px;
		z-index: 3;
		background:#FFF;			
		}
.ldgwz{
	position:absolute;
	top:40px;
	left:10px;
	300px;
	height:250px;
	z-index:4;
	background:#FFF;
	text-align:left
	}
	.ldgzy{
		position:absolute;
		top:40px;
		left:320px;
		200px;
		height:250px;
		z-index:5;
		background:#FFF;
		text-align:left;}
		
.ldgtu{
	position:relative;
	top:40px;
	left:530px;
	190px;
	height:250px;
	z-index:6;
	background:#000;
	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/bj6.jpg)
	
	
	}
	.ldgtu2{
		position:absolute;
		top:40px;
		left:730px;
		190px;
		height:250px;
		z-index: 2;
		background:#999;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/bj7.jpg)
		}
	.ldgtu3{
	position:relative;
	top:40px;
	left:530px;
	190px;
	height:250px;
	z-index:6;
	background:#000;
	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sh1.jpg)
	
	
	}
	.ldgtu4{
		position:absolute;
		top:40px;
		left:730px;
		190px;
		height:250px;
		z-index: 2;
		background:#999;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sh2.jpg)
	}
	.ldgtu5{
	position:relative;
	top:40px;
	left:530px;
	190px;
	height:250px;
	z-index:6;
	background:#000;
	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sc3.jpg)
	
	
	}
	.ldgtu6{
		position:absolute;
		top:40px;
		left:730px;
		190px;
		height:250px;
		z-index: 2;
		background:#999;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sc5.jpg)
	}
		
.guoji{
	position:absolute;
	margin:auto;
	top:1650px;
	960px;
	height:50px;
	z-index:2;
	background:#F39;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151026143610%E5%89%AF%E6%9C%AC.jpg)
	}
	.guotu{
	position:relative;
	top:50px;
	960px;
	height:350px;
	z-index:2;
	background:#900;
	}
	.xiaotuguoji{
		position:absolute;
		left:10px;
		top:5px;
		940px;
		height:340px;
		z-index: 3;
		background:#FFF;			
		}
		.guojiwz{
	position:absolute;
	top:40px;
	left:10px;
	300px;
	height:250px;
	z-index:4;
	background:#FFF;
	text-align:left
	}
	.guojizy{
		position:absolute;
		top:40px;
		left:320px;
		200px;
		height:250px;
		z-index:5;
		background:#FFF;
		text-align:left;}
		.gjtu{
	position:relative;
	top:40px;
	left:530px;
	190px;
	height:250px;
	z-index:6;
	background:#000;
	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151028151757.jpg);
	}
	.gjtu2{
		position:absolute;
		top:40px;
		left:730px;
		190px;
		height:250px;
		z-index: 2;
		background:#999;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151028151803.jpg);
		
		}
		.gjtu3{
	position:relative;
	top:40px;
	left:530px;
	190px;
	height:250px;
	z-index:6;
	background:#000;
	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/103548_kaudkadu_1a3161944b011f6fa77397747004af50.jpg)
	
	
	}
	.gjtu4{
		position:absolute;
		top:40px;
		left:730px;
		190px;
		height:250px;
		z-index: 2;
		background:#999;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/f3d3572c11dfa9ec3b1a104e67d0f703918fc1b7.jpg)
		}
		.gjtu5{
	position:relative;
	top:40px;
	left:530px;
	190px;
	height:250px;
	z-index:6;
	background:#000;
	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/u=2294871669,1079518425&fm=21&gp=0.jpg)
	
	
	}
	.gjtu6{
		position:absolute;
		top:40px;
		left:730px;
		190px;
		height:250px;
		z-index: 2;
		background:#999;
		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/u=1074724258,2115065946&fm=21&gp=0.jpg)
		}
		.dibu{
			position:absolute;
			
			top:350px;
			960px;
			height:20px;
			z-index:2;
			background:#FFF;
			}
			.maodian{
				position:fixed;
				left:90%;
				top:85%;
				100px;
				height:100px;
				background:#fff;
				}
				.wangzhan{
					position:fixed;
					left:0px;
					top:50%;
					203px;
					height:250px;
					background:#fff;
					
					}
					.guanggao{
						position:fixed;
						right:0px;
						top:20%;
						165px;
						height:250px;
						background:#000;
						}

img{border:0}/* css 注释说明:设置图片边框为0 */ 

.guanggao{ position:fixed;165px; height:250px;} 
.guanggao a,.guanggao span{display:none; text-decoration:none}
.guanggao:hover{cursor:pointer} 
.guanggao:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
 z-index:100; left:0; display:block;}
.guanggao:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;165px; 
z-index:10;height:90px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置,背景半透明 */ 
 


						a:link{
	color:#000;
	text-decoration:none;	
}
a:visited{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:none;
}

#shangbiaoti {
	position:relative;
	margin:auto;
	top:0px;
	left:0px;
	 960px;
	height: 50px;
	z-index: 1;
}
#logo{
	position:relative;
	height:50px;
	150px;
	z-index: 1;
}
#denglu{
	position: relative;
	height: 50px;
	 810px;
	top:-50px;
	left:150px;
	z-index: 2;
	line-height:100px;
	font:bold 14px "微软雅黑" ;
	text-align:right;
	line-height:65px;
}
#zhuce {
	position:relative;
	margin:auto;
	top:0px;
	left:0px;
	 960px;
	height: 300px;
	z-index: 1;
	background-color:#FFF;
}

  

原文地址:https://www.cnblogs.com/zhuxu/p/4932099.html