@charset "utf-8";
/* CSS Document */
*{ margin:0px;
padding:0px;
}
a{ text-decoration: none; color:#C60;}
.a
{
width:100%;
height:120px;
position: relative; z-index:9999;
background-color:#000;
}
.c
{
width: 800px;
height: 100px;
position: absolute;
left: 607px;
top: 65px;
}
.c ul
{
list-style:none;
}
.c ul li{
width:150px;
float:left; font-size:21px;
text-align:center;
line-height:50px;
margin-right:1px;
padding:0px,10px;
background-color:#0c0;
}
.c li :hover{ background-color:#000;
}
.b{
width:150px;
height:150px;
position:fixed;
right:0px;
top:50%;
}
.b ul{
list-style:none;
}
.b ul li { width:150px;
height:50px;
background-color:#090;
line-height:55px;
margin-bottom:2px;
}
.d{ width:80%;
height:1800px;
position:absolute;
border:1px solid;
top:200px;
left:10%;
background-color:#063;
}
.e{
width: 500px;
height: 300px;
position: absolute;
border:1px solid;
top: 65px;
}
.f{ width:50%;
height:500px;
position:absolute;
right:0px;
top:65px;
}
.g{ width:100%;
height:1000px;
position:absolute;
top:680px;
}
.h{ width:40%;
height:300px;
position:relative;
float:left;
background-color:#00F;
margin-left:5%;
top:15px;
margin-bottom:25px;
}
#Img1{ width:100%; height:100%;}
#Img1:hover{ width:200%; height:200%;
position:absolute;
z-index:2;
}
.i{ height:100px;
width:30%;
top:600px;
position:absolute;
left:30%;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>技术性能</title>
<link href="css2.css" rel="stylesheet" type="text/css" />
</head>
<body background="imges/10.jpg" style= "background-repeat:no-repeat ; background-attachment:fixed; background-size:cover; " ><a name="aa"></a>
<div class="a" >
<img src="imges/3.png" width="854" height="148" />
<div class="c">
<ul>
<li><a href="baleite.html">基本信息</a></li>
<li><a href="白雷特2.html">技术性能</a></li>
<li><a href="1-1210230JI3/jQuery全屏带缩略图的动感相册特效/index.html">图片展示</li></a>
<li><a href="制作工厂html.html">制作工厂</a></li>
<li>游戏图片</li></ul>
</div>
</div>
<div align="center" class="b">
<ul>
<li><a href="#bb">弹药</a></li>
<li><a href="#cc">解析图</a></li>
<li><a href="#aa">最顶部</li></a>
</ul>
</div>
<div class="d">
<center><img src="imges/13.png" /></center>
<div class="e"><img src="imges/13.jpg" width="500" height="500"/></div>
<div class="f">
<center><font size="+3">弹药</font></center><a name="bb"></a>
M82/M107的标准弹药，弹头重45.8克，编号STD - OTCM 381，无识<br />
<br />
别色. 弹壳内装15.23克WC 860型双基发射药，膛压379MPa. 在500米可以<br />
<br />
击穿8毫米厚的钢板，在1200米可以击穿4毫米厚的钢板. 用于对付无防护<br />
<br />
的人体目标。<br />
<br />
M82/M107早期一直使用这种枪弹用于远距离狙击. M33弹<br />
<br />
尖部装有约0.8克的一水合碳酸钠.一水合碳酸钠为白色粉末，熔点高达<br />
<br />
851℃，性能稳定，弹头击中目标后，弹头破裂，释放出白色粉末形成烟<br />
<br />
雾，便于射手观察弹着点，进而修正弹道. 相比而言，曳光弹要燃烧曳光<br />
<br />
剂，飞行过程中重量不断减轻，弹道性能不稳定，跟普通弹的弹道存在<br />
<br />
差异，增加了瞄准镜的修正难度. 这种用烟雾标示弹着点的办法,精度更<br />
<br />
高。
</div>
<div class="i"><center><font size="6">解析图</font></center></div>
<div class="g">
<div class="h"><img src="imges/19.jpg" width="100%" height="100%" / id="Img1"></div>
<div class="h"><img src="imges/20.jpg" width="100%" height="100%" / id="Img1"></div><a name="cc"></a>
<div class="h"><img src="imges/21.jpg" width="100%" height="100%" / id="Img1"></div>
<div class="h"><img src="imges/22.jpg" width="100%" height="100%" / id="Img1"></div>
<div class="h"><img src="imges/23.jpg" width="100%" height="100%" / id="Img1"></div>
<div class="h"><img src="imges/24.jpg" width="100%" height="100%" / id="Img1"></div>
</div>
</div>
</body>
</html>
原文：http://www.cnblogs.com/lulichao/p/5789243.html