123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- <%@page import="java.util.*" pageEncoding="UTF-8"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>错误</title>
- <style type="text/css">
- body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul
- {
- margin: 0;
- padding: 0
- }
- body {
- font: 14px/1.5 'Microsoft YaHei', '微软雅黑', Helvetica, Sans-serif;
- min-width: 100%;
- background: #f0f1f3;
- }
- :focus {
- outline: 0
- }
- h1,h2,h3,h4,h5,h6,strong {
- font-weight: 700
- }
- a {
- color: #428bca;
- text-decoration: none
- }
- a:hover {
- text-decoration: underline
- }
- .error-page {
- background: #f0f1f3;
- padding: 80px 0 15px 0px;
- }
- .error-page-container {
- position: relative;
- z-index: 1;
- }
- .error-page-main {
- position: relative;
- background: #f9f9f9;
- margin: 0 auto;
- width: 617px;
- -ms-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding: 50px 50px 70px
- }
- .error-page-main:before {
- content: '';
- display: block;
- <%-- background: url(<%=basePath%>images/404.png); --%>
- height: 7px;
- position: absolute;
- top: -7px;
- width: 100%;
- left: 0
- }
- .error-page-main h3 {
- font-size: 24px;
- font-weight: 400;
- border-bottom: 1px solid #d0d0d0
- }
- .error-page-main h3 strong {
- font-size: 54px;
- font-weight: 400;
- margin-right: 20px
- }
- .error-page-main h4 {
- font-size: 20px;
- font-weight: 400;
- color: #333
- }
- .error-page-actions {
- font-size: 0;
- z-index: 100
- }
- .error-page-actions div {
- font-size: 14px;
- display: inline-block;
- padding: 30px 0 0 10px;
- width: 50%;
- -ms-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- color: #838383
- }
- .error-page-actions ol {
- list-style: decimal;
- padding-left: 20px
- }
- .error-page-actions li {
- line-height: 2.5em
- }
- .error-page-actions:before {
- content: '';
- display: block;
- position: absolute;
- z-index: -1;
- bottom: 17px;
- left: 50px;
- width: 200px;
- height: 10px;
- -moz-box-shadow: 4px 5px 31px 11px #999;
- -webkit-box-shadow: 4px 5px 31px 11px #999;
- box-shadow: 4px 5px 31px 11px #999;
- -moz-transform: rotate(-4deg);
- -webkit-transform: rotate(-4deg);
- -ms-transform: rotate(-4deg);
- -o-transform: rotate(-4deg);
- transform: rotate(-4deg)
- }
- .error-page-actions:after {
- content: '';
- display: block;
- position: absolute;
- z-index: -1;
- bottom: 17px;
- right: 50px;
- width: 200px;
- height: 10px;
- -moz-box-shadow: 4px 5px 31px 11px #999;
- -webkit-box-shadow: 4px 5px 31px 11px #999;
- box-shadow: 4px 5px 31px 11px #999;
- -moz-transform: rotate(4deg);
- -webkit-transform: rotate(4deg);
- -ms-transform: rotate(4deg);
- -o-transform: rotate(4deg);
- transform: rotate(4deg)
- }
- </style>
- </head>
- <body>
- <div class="error-page">
- <div class="error-page-container">
- <div class="error-page-main">
- <h3>
- <strong>访问出错</strong>无法打开页面
- </h3>
- <p>
- <b>提醒:</b>
- </p>
- <div class="error-page-actions">
- <div>
- <h4>可能原因:</h4>
- <ol>
- <li>网络信号差</li>
- <li>找不到请求的页面</li>
- <li>输入的网址不正确</li>
- </ol>
- </div>
- <div>
- <h4>可以尝试:</h4>
- <ul>
- <li><a href="javascript:history.go(-1);">返回上一页</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
|