浏览器兼容性--解决

1:引入bootstrap.css样式

2.<!--[if lt IE 9]>
    <div class="alert alert-block ie-alert">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <h4>浏览器版本过低</h4>
        <br>
        <p>你知道不？你还在用十年前的浏览器！这个网页上的有很多好看的东西和动画效果都显示不了！</p>
        <p>建议赶快<a href="http://windows.microsoft.com/zh-cn/internet-explorer/downloads/ie-10/worldwide-languages" target="_blank">升级</a>你的浏览器版本或使用 <a href="http://www.google.com/intl/zh-CN/chrome/browser/" target="_blank">Chrome</a> 或 <a href="http://www.apple.com.cn/safari/" target="_blank">Safari</a> 等高级浏览器。</p>
    </div>
<![endif]-->

3>css样式

/* = IE 8 以下 IE 8 or below
----------------------------------------------- */

.ie-alert {
	position: fixed;
	top: 50px;
	width: 630px;
	z-index: 9999;	
}
#ie8 .panel-description {
	background: #FFF url(images/patterns/white_wall_hash.png);	
}
#ie8 .hover {
	color: #000;
}
#ie8 .fadeout {
	color: #CCC;
}