全屏轮播图

HTML

 <div id="banner"> 	<div class="banner_wrapper"> 		<div class="banner_slide_wrapper"> 			<div class="banner_slide">   				<a href="#"><img src="/images/index2019/home/banner01.jpg" alt="轮播图"></a>   		    </div>   		    <div class="banner_slide">   				<a href="#"><img src="/images/index2019/home/banner01.jpg" alt="轮播图"></a>   			</div>   			<div class="banner_slide">   			    <a href="#"><img src="/images/index2019/home/banner01.jpg" alt="轮播图"></a>   			</div> 		</div> 	</div> </div>

CSS

 #banner {     height: 442px;     position: relative; }  #banner .banner_wrapper {     margin: 0 auto;     position: relative;     overflow: hidden;     direction: ltr;     -webkit-backface-visibility:

来源：51CTO

作者：Augustine_Cyq

链接：https://blog.csdn.net/Augustine_Cyq/article/details/100083319