unsupporthtml5_wev8.jsp 5.05 KB

Raw Blame History Permalink

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ include file="/mobilemode/init.jsp"%>
<%
	int languageid = user.getLanguage();
	String tip1 =  "尊敬的用户，您当前使用的浏览器不支持最新的HTML5技术。";
	String tip2 =  "为了保证您的使用体验，建议您从以下Webkit内核浏览器中选择一款。";
	if(languageid == 8){
		tip1 =  "Distinguished users, the browsers you currently use do not support the latest HTML5 technology.";
		tip2 =  "To ensure your experience, it is recommended that you choose one of the following Webkit kernel browsers.";
	}else if(languageid == 9){
		tip1 =  "尊敬的用戶，您當前使用的瀏覽器不支持最新的HTML5科技。";
		tip2 =  "為了保證您的使用體驗，建議您從以下Webkit內核瀏覽器中選擇一款。";
	}
 %>
<html>
	<head>
	<title>Browsers do not support HTML5</title>
	<style>
		h3{
			font-size: 100%;
			font-weight: 500;
			-webkit-margin-before: 0;
			-webkit-margin-after: 0;
			-webkit-margin-start: 0;
			-webkit-margin-end: 0;
			line-height: 1.3
		}

		body,h3,div,p, a, ul, li{
			margin: 0;
			padding: 0;
			border: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: "微软雅黑", "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;
			vertical-align: baseline
		}

		img {
			border: none 0;
			max-width: 100%;
			vertical-align: middle
		}

		ul, ol {
			list-style: none
		}

		.clearfix {
			*zoom: 1
		}

		.clearfix:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			font-size: 0
		}

		html {
			margin: 0;
			padding: 0;
			border: 0;
			min-width: 1300px;
			background-color: #ededed;
			min-width: 900px;
		}

		body {
			line-height: 1.5;
			font-family: "微软雅黑", "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;
			color: #333;
			font-size: 12px
			text-align: center;
		}

		.main {
			width: 690px;
			padding: 30px 50px;
			margin: 100px auto 0px;
			border-radius: 20px;
			background: #fff;
			box-shadow: 0 0 10px 1px #efefef;
			font-size: 16px;
		}

		.main a {
			color: #3595d2;
			text-decoration: underline;
		}

		.main h3 {
			font-size: 32px;
			padding: 30px 0 5px;
		}

		.main .imgie {
			float: left;
			margin-right: 30px;
			width: 145px;
		}

		.main .h3ie {
			padding-top: 10px;
			font-size: 16px;
			font-weight: normal;
		}

		.noie-list li {
			float: left;
			text-align: center;
			margin: 35px 35px 0 0;
		}

		.noie-list li img {
			display: block;
			margin-bottom: 1em;
		}

		.noie-list li a {
			font-size: 14px;
			font-family: 'Segoe UI', arial;
			color: #014051;
			text-decoration: none;
		}

		.noie {
			padding: 30px;
			width: 785px;
		}

		@media screen and (max-width: 380px) {
			.noie {
				width: 280px;
				font-size: 14px;
				padding: 20px;
			}

			.main {
				margin: 100px 26px;
			}

			.main .h3ie {
				font-size: 14px;
			}

			.main .imgie {
				display: none;
			}

			.noie-list li {
				margin: 35px 30px 0 0;
			}

			.noie-list li img {
				width: 60px;
			}
		}
	</style>
	<!-- <script type="text/javascript">
	    if (navigator.userAgent.match(/chrome|safari/i)) {
	        window.location = "/";
	    }
	</script> -->
</head>
<body>
	<div class="main noie clearfix">
		<div class="imgie">
			<img src="http://kzcdn.itc.cn/res/homepage/images/noie.png" alt="">
		</div>
		<h3 class="h3ie"><%=tip1 %></h3>
		<p class="p1"><%=tip2 %></p>
		<ul class="noie-list">
			<!--<li>
		        <a  href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-ie_wev8.png" alt="">IE 10+
		        </a>
		    </li>-->
		    <li>
		        <a  href="http://www.google.cn/intl/zh-CN/chrome/" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-chrome_wev8.png" alt="">Chrome
		        </a>
		    </li>
		    <li>
		        <a  href="http://support.apple.com/zh_CN/downloads/#safari" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-safari_wev8.png" alt="">Safari
		        </a>
		    </li>
		    <!-- <li>
		        <a  href="http://chrome.360.cn/" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-360_wev8.png" alt="">360极速版
		        </a>
		    </li>
		    <li>
		        <a  href="http://www.liebao.cn/" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-liebao_wev8.png" alt="">猎豹
		        </a>
		    </li>-->
		    <li>
		        <a  href="http://www.firefox.com.cn/download/" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-firefox_wev8.png" alt="">Firefox
		        </a>
		    </li>
		    <!-- <li>
		        <a  href="http://ie.sogou.com/" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-sogou_wev8.png" alt="">搜狗浏览器
		        </a>
		    </li>
		    <li class="last">
		        <a  href="http://www.maxthon.cn/" target="_blank">
		        	<img src="/mobilemode/images/browser/browser-maxthon_wev8.png" alt="">傲游
		        </a>
		    </li> -->
		</ul>
	</div>
</body>
</html>