引导轮播在火狐浏览器中不起作用
bootstrap carousel not working in firefox
在我的网站上轮播滑块存在问题,它仅适用于 chrome,不适用于 Mozilla
我的实时网站网址是:http://www.umzug-preise.com/home
我使用了如下代码。
<header id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<div class="item active">
<!-- Set the first background image using inline CSS below. -->
<div class="fill" style="background:url(images/slider1.jpg);"></div>
</div>
<div class="item">
<!-- Set the second background image using inline CSS below. -->
<div class="fill" style="background:url(images/slider2.jpg);"></div>
</div>
<!-- <div class="item">
<div class="fill" style="background:url(images/slider1.jpg);"></div>
</div>-->
</div>
<!-- Controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="icon-next"></span>
</a>
</header>
问题是容器高度。.fill
类没有固定的高度。所以.carousel-inner
height: auto
正在变得height = 0
.这在IE上也不起作用,我认为幸运的是它可以在chrome上工作。您需要设置
.carousel-inner{
height: 100%;
}
就我而言,我通过删除(或注释掉)这些bootstrap.css
行来解决它:
-webkit-perspective: 1000px;
perspective: 1000px;
在课堂.carousel-inner > .item
相关文章:
- 为什么我的背景图像过渡在火狐中不起作用
- ng-click在火狐中不起作用
- 数字时钟在火狐中不起作用
- 到ISOString在火狐中不起作用
- 鼠标移动事件在火狐中不起作用
- 浏览器关闭事件 对于火狐浏览器不起作用
- 锚标签禁用在火狐中不起作用
- 是否有修复“滚动到”jquery 函数在火狐中不起作用的问题
- 引导滚动间谍偏移高度在火狐中不起作用
- 月年格式的日期控制在火狐中不起作用
- 画布绘图应用程序在火狐中不起作用
- 预防保存弹出窗口的默认在 chrome 中工作,但在火狐中不起作用
- 点击浏览器的后退按钮后,身体加载在火狐中不起作用
- CSS 高度在火狐中不起作用
- 地理位置在火狐中不起作用
- 模糊功能在火狐中不起作用
- 重定向在火狐中不起作用
- WFS 功能在选择事件在火狐中不起作用
- 键控在火狐中不起作用
- Youtube视频全屏在火狐中不起作用