html页面顶部提示在更高浏览器下面提示语

标签：

<div class="ie-tips">Sorry. 您使用的浏览器版本过旧，为了更好的访问体验，请升级浏览器至<b>IE8以上</b>，推荐使用<a href="http://rj.baidu.com/soft/detail/14744.html?ald" target="_blank">Chrome谷歌浏览器</a><a class="js-tip-close">关闭</a></div>

css:

/*ie浏览器版本提示信息*/
.ie-tips {
  display: none;
  position: relative;
  height: 30px;
  line-height: 30px;
  background: #f9d272;
  color: #f00;
  font-size: 14px;
  text-align: center;
}
.ie-tips b {
  font-weight: bold;
}
.ie-tips .js-tip-close {
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
}
/*ie浏览器版本提示信息*/

js:

if(navigator.appVersion.indexOf(";")>=0) {
    var b_version = navigator.appVersion.split(";");
    if (b_version != "undefined") {
        var trim_version = b_version[1].replace(/[ ]/g, "");
        if ((navigator.appName == "Microsoft Internet Explorer" && trim_version == "MSIE6.0") ||
            (navigator.appName == "Microsoft Internet Explorer" && trim_version == "MSIE7.0")) {
            $(".ie-tips").show();
        }
        else {
            $(".ie-tips").hide();
        }
    }
}