clq
浏览(487) -
2018-06-06 18:50:49 发表
编辑
关键字: swiper
有时候 swiper 要补一个高度值才出现
例如
<div class="swiper-container gallery-top" style=" height:100%;"><!-- //clq 2018 奇怪，有时候 swiper 要补一个高度值才出现 -->
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(img/nature1.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature2.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature3.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature4.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature5.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature6.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature7.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature8.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature9.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/nature10.jpg)"></div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
<div class="swiper-container gallery-thumbs" style=" height:20%; background-color:#000; opacity:0.5; top:-20%; "><!-- //clq 2018 奇怪，有时候 swiper 要补一个高度值才出现 -->
<div class="swiper-wrapper">
<div class="swiper-slide" >a</div>
<div class="swiper-slide" >b</div>
<div class="swiper-slide" >c</div>
<div class="swiper-slide" >d</div>
<div class="swiper-slide" >e</div>
<div class="swiper-slide" >f</div>
<div class="swiper-slide" >g</div>
<div class="swiper-slide" >h</div>
<div class="swiper-slide" >i</div>
<div class="swiper-slide" >j</div>
</div>
</div>
NEWBT官方QQ群1: 276678893
可求档连环画,漫画;询问文本处理大师等软件使用技巧;求档softhub软件下载及使用技巧.
但不可"开车",严禁国家敏感话题,不可求档涉及版权的文档软件.
验证问题说明申请入群原因即可.
