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

html代码：

<div class="ie-tips">
您使用的浏览器版本过旧，为了更好的访问体验，请升级浏览器至<b>IE8以上</b>，或者使用推荐的浏览器
<a href="<%=path%>/file/download.do?filename=Chrome_51_Setup.exe">Chrome谷歌浏览器</a>
<a class="js-tip-close">关闭</a>
</div>

css样式：

		.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;}

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();}}
}

另附：简单实用的web文件下载，java实现https://my.oschina.net/shuming/blog/790199