IE8不兼容bootstrap的解决方案

作者:青山常在人不老   阅读 (11538)  |  收藏 (0)  |  点赞 (0)

摘要

本文章讲解如何解决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下模态框将会正常显示在浏览器居中,模态框大小请自己调节(默认设置为小模态框大小)

blob.png


2、关于tab标签页,主要的样式是:

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

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

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

blob.png

分类   jquery文档
字数   581

博客标签    IE8兼容标签页   IE8兼容模态框  

评论