遇到的兼容性问题
1.给盒子添加阴影
.demo img{
box-shadow: 10px 10px 10px rgba(0,0,0,.5);
/*考虑浏览器兼容性*/
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
}
加前缀处理兼容性问题
兼容不同浏览器可在前面加些个下面的前缀：
-moz代表firefox浏览器私有属性；
-ms代表IE浏览器私有属性；
-webkit代表chrome、safari私有属性；
-o代表Opera私有属性。
下载插件处理兼容性问题
兼容ie6,7,8可采取下载一个.htc的插件
下载ie-css3.htc文件然后只需要在css代码里加上一句
2.伪类：nth-child
不能被ie8及以下浏览器兼容
跨浏览器兼容性
条纹状表格是通过:nth-child CSS选择器实现的，而这一功能不被Internet Explorer 8支持。
3.SVG 图像 和 IE 8-10兼容性问题
在 Internet Explorer 8-10 中，设置为 .img-responsive 的 SVG 图像显示出的尺寸不匀称。为了解决这个问题，在出问题的地方添加 width: 100% \9; 即可。Bootstrap 并没有自动为所有图像元素设置这一属性，因为这会导致其他图像格式出现错乱。
