<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<style type="text/css">
*{margin: 0; padding: 0;list-style: none;}
div.box{width: 100%;width: 100%;position:relative;}
li{width: 100%;position:absolute;}
img{width: 100%;display:block;}
span{width: 50px;height: 50px;background-color: #fff;border-radius:50%;position:absolute;top:50%;} /**给span top50%为什么不起作用
</style>
<body>
<div class="box">
<ul>
<li class="current"><img src="img1.jpg" alt="" /></li>
<li><img src="img2.jpg" alt="" /></li>
<li><img src="img3.jpg" alt="" /></li>
</ul>
<ol>
<li></li>
<li></li>
<li></li>
</ol>
<span class="ls"></span>
<span class="rs"></span>
</div>
</body>
</html>
看不出来你想做什么,想给span大小的话,先转块
span 换成DIV 或者span外面加一个DIV,用DIV来控制top
目的是什么?
没看明白