全屏轮播图

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:

来源：https://blog.csdn.net/Augustine_Cyq/article/details/100083319