无法在IE上的Bootstrap(v3.3.4)中的导航栏下看到Carousel

时间:2015-03-26 11:26:53

标签: javascript jquery html css twitter-bootstrap

我正在使用Twitter Bootstrap版本3.3.4(getbootstrap.com)作为我的Wordpress网站的CSS / HTML框架。 我的网站顶部有一个全宽旋转木马。然后我添加了一个导航栏,我从屏幕顶部偏移了约40px,以便导航栏在旋转木马上运行,幻灯片在其下方滚动(即:幻灯片在屏幕顶部可见)。

它在Firefox,Safari(桌面和iPhone)和Chrome(桌面和iPhone)中正常工作,但我无法在IE8-10中使用它。我想我必须改变一些轮播元素的位置或浮动CSS属性,但是无法让它起作用。

这是一张比较图片。左侧顶部很好,右上角是IE破解版:multicomsolutions.com/wp-content/uploads/2015/03/MultiFixIE.jpg

这是我的网站:multicomsolutions.com

问题:有人可以告诉我如何修复我的代码,以便此功能在Internet Explorer中有效吗?

谢谢,我感谢任何帮助/建议。

1 个答案:

答案 0 :(得分:0)

尝试添加此CSS

.carousel-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}