IE8不兼容bootstrap的解决方案

摘要

本文章讲解如何解决IE8不支持bootstrap的部分样式的解决方案。

下面的代码将解决IE8以下，模态框显示的大小、位置 不正确的问题；以及tab显示不正确的问题。亲测解决。

	<!--[if lte IE 8]>
	    <style>
	    	.modal-dialog{
	            width:595px;
	            left: 40%;
	            top:10%;
	        }
	    
			.modal-sm{
	            width:300px;
	            left: 40%;
	            top:10%;
	        }
	        .nav-justified.nav-tabs > LI{
				width:50%;
				float:left;
			}
		</style>
	<![endif]-->

1、通过上述样式，IE8下模态框将会正常显示在浏览器居中，模态框大小请自己调节（默认设置为小模态框大小）

2、关于tab标签页，主要的样式是：

.nav-justified.nav-tabs > LI{
	width:50%;
	float:left;
}

这样IE8就能完美解决不兼容的问题

注意，这段样式代码需要写到网页中引用的所有样式文件和Js文件的最下部，否则可能造成该部分样式不起作用的问题。

 收藏 ( 0 )  赞 ( 0 )