我正在使用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中有效吗?
谢谢,我感谢任何帮助/建议。
答案 0 :(得分:0)
尝试添加此CSS
.carousel-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}