#banner { width:100%; height:1000px; position:relative; } #banner ul { width:100%; height:100%; margin:0; padding:0; } #banner ul li a { display:block; } #banner ul li img { width:1620px; height:1000px; } #banner ul li { position:absolute; left:0px; top:0px; } #banner .tagle { width:1600px; height:57px; position:absolute; z-index:999; top:50%; margin-top:-40px; left:50%; margin-left:-800px; } #banner .tagle #prev { width:45px; height:60px; background:url(../img/prev.png); float:left; background-size:100% 100%; } #banner .tagle #next { width:45px; height:60px; background:url(../img/next.png); float:right; background-size:100% 100%; } #banner #num { width:186px; height:20px; position:absolute; z-index:999; left:50%; margin-left:-78px; bottom:42px; } #banner #num span { width:20px; height:20px; border-radius:20px; border:1px solid #e6ddd0; behavior:url(PIE.htc); margin-left:16px; margin-right:16px; display:inline-block; } #banner #num span:hover { background:#ffffff; cursor:pointer; } #banner #num span.on { border:1px solid #e6ddd0; background:#ffffff; }
图片大小在这里我写死了,一般是不需要的。