提示浏览器版本低

网站网页在遇到浏览器低版本(尤其是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/

原文地址:https://www.cnblogs.com/mengfangui/p/6609510.html