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