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

最新推荐文章于 2024-05-16 10:23:10 发布

weixin_34204057

最新推荐文章于 2024-05-16 10:23:10 发布

阅读量250

点赞数

文章标签： java python

原文链接：https://my.oschina.net/shuming/blog/790183

版权

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/shuming/blog/790183