网站网页在遇到浏览器低版本(尤其是IE浏览器)时,提示浏览器版本低(如IE8以及以下),建议用户升级浏览器以获得最好体验。以下是代码:
1 <!doctype html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8" />
6 <title>提示浏览器版本低(小于IE9)</title>
7 <style type="text/css">
8 *{
9 padding: 0;
10 margin: 0;
11 }
12 </style>
13 </head>
14
15 <body>
16 <!--[if lt IE 9]>
17 <p style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 50px; line-height:50px;position: relative;z-index:9999;'>您在使用过时的浏览器,请到<a href="http://browsehappy.com/">这里</a>更新,以获取最佳的体验。</p>
18 <![endif]-->
19 </body>
20
21 </html>
IE8浏览器下效果,点击“这里”用户跳转到http://browsehappy.com/,根据用户喜好的浏览器可以在线更新浏览器:
更新浏览器的下载地址是:http://browsehappy.com/