每次当图片left值为600和-3600时会出现空白怎么解决啊？？求教各位大神！
*{padding:0; margin:0; text-decoration:none;}
body{padding:20px;}
#container{width:600px; height:400px; border:3px solid black; overflow: hidden; position: relative;
margin:0 auto ;}
#list{width: 4200px; height: 400px; position: absolute; z-index: 1;
}
#list img{float:left;}
#buttons{position: absolute; height: 10px; width: 100px;z-index: 2; bottom: 20px; left:250px; }
#buttons span{cursor: pointer; float:left;border:1px solid #fff;width:10px;height: 10px;border-radius: 50%;
background: #333; margin-right: 5px; }
#buttons .on{background: orangered;}
.arrow{cursor: pointer; display: none; line-height: 39px; text-align: center; font-size: 36px; font-weight: bold; width: 40px; height: 40px; position: absolute; z-index: 2;
top: 180px; background-color: RGBA(0,0,0,.3); color: #fff;}
.arrow:hover { background-color: RGBA(0,0,0,.7);}
#container:hover .arrow { display: block;}
#prev { left: 20px;}
#next { right: 20px;}
<
> |
天盟APP下载
