网站:www.gangzhendaigou.com
问题1:background:url()的使用方法——background:url(“../images/bgp.jpeg”);
问题2:使用bootstrap框架的轮播插件,发现轮播画面会随着轮播图片高度不一样二产生不一样的大小
解决办法:对图片直属容器进行高度限定,同时在<img>标签内添加style="height:
100%" :
.carousel-inner .item{ height: 50em; }
以下为部分轮播脚本
<div class="carousel-inner"> <div class="item active"> <img src="/images/cat.jpeg" class="img-responsive center-block" style="height: 100%" alt="First slide"/> </div> <div class="item"> <img src="/images/me.jpg" class="img-responsive center-block" style="height: 100%" alt="Second slide"/> </div> <div class="item"> <img src="/images/Pattaya.jpg" class="img-responsive center-block" style="height: 100%" alt="Third slide"/> </div> </div>