本文介绍了一个使用Bootstrap构建的网页在IE8及以下版本浏览器中出现的兼容性问题，并提供了解决方案。主要问题是子元素选择器和@media查询不受支持。通过创建专门针对旧版IE的CSS文件并使用条件注释加载该文件来解决这些问题。
用bootstrap搭了一个简单网页，一直在chrome下测试的，偶然发现ie<=8的时候运行就呵呵了。
经过测试，我的不兼容是两个CSS中的问题引起的
- ie8以下版本不支持子元素选择器（大于号）
- ie8以下版本不支持@media判断
解决方法是，写一个针对ie8以下的css，只需要覆盖掉不支持的那些特性就可以了（比如子元素选择器改成后代选择器）。在html页面中用ie版本判断语句
<!--[if lt IE 9]>
<link href="css/ie.css" rel="stylesheet">
<![endif]-->当然在ie上的效果肯定挫了很多。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
