err.jsp 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <%@page import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <title>错误</title>
  10. <style type="text/css">
  11. body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul
  12. {
  13. margin: 0;
  14. padding: 0
  15. }
  16. body {
  17. font: 14px/1.5 'Microsoft YaHei', '微软雅黑', Helvetica, Sans-serif;
  18. min-width: 100%;
  19. background: #f0f1f3;
  20. }
  21. :focus {
  22. outline: 0
  23. }
  24. h1,h2,h3,h4,h5,h6,strong {
  25. font-weight: 700
  26. }
  27. a {
  28. color: #428bca;
  29. text-decoration: none
  30. }
  31. a:hover {
  32. text-decoration: underline
  33. }
  34. .error-page {
  35. background: #f0f1f3;
  36. padding: 80px 0 15px 0px;
  37. }
  38. .error-page-container {
  39. position: relative;
  40. z-index: 1;
  41. }
  42. .error-page-main {
  43. position: relative;
  44. background: #f9f9f9;
  45. margin: 0 auto;
  46. width: 617px;
  47. -ms-box-sizing: border-box;
  48. -webkit-box-sizing: border-box;
  49. -moz-box-sizing: border-box;
  50. box-sizing: border-box;
  51. padding: 50px 50px 70px
  52. }
  53. .error-page-main:before {
  54. content: '';
  55. display: block;
  56. <%-- background: url(<%=basePath%>images/404.png); --%>
  57. height: 7px;
  58. position: absolute;
  59. top: -7px;
  60. width: 100%;
  61. left: 0
  62. }
  63. .error-page-main h3 {
  64. font-size: 24px;
  65. font-weight: 400;
  66. border-bottom: 1px solid #d0d0d0
  67. }
  68. .error-page-main h3 strong {
  69. font-size: 54px;
  70. font-weight: 400;
  71. margin-right: 20px
  72. }
  73. .error-page-main h4 {
  74. font-size: 20px;
  75. font-weight: 400;
  76. color: #333
  77. }
  78. .error-page-actions {
  79. font-size: 0;
  80. z-index: 100
  81. }
  82. .error-page-actions div {
  83. font-size: 14px;
  84. display: inline-block;
  85. padding: 30px 0 0 10px;
  86. width: 50%;
  87. -ms-box-sizing: border-box;
  88. -webkit-box-sizing: border-box;
  89. -moz-box-sizing: border-box;
  90. box-sizing: border-box;
  91. color: #838383
  92. }
  93. .error-page-actions ol {
  94. list-style: decimal;
  95. padding-left: 20px
  96. }
  97. .error-page-actions li {
  98. line-height: 2.5em
  99. }
  100. .error-page-actions:before {
  101. content: '';
  102. display: block;
  103. position: absolute;
  104. z-index: -1;
  105. bottom: 17px;
  106. left: 50px;
  107. width: 200px;
  108. height: 10px;
  109. -moz-box-shadow: 4px 5px 31px 11px #999;
  110. -webkit-box-shadow: 4px 5px 31px 11px #999;
  111. box-shadow: 4px 5px 31px 11px #999;
  112. -moz-transform: rotate(-4deg);
  113. -webkit-transform: rotate(-4deg);
  114. -ms-transform: rotate(-4deg);
  115. -o-transform: rotate(-4deg);
  116. transform: rotate(-4deg)
  117. }
  118. .error-page-actions:after {
  119. content: '';
  120. display: block;
  121. position: absolute;
  122. z-index: -1;
  123. bottom: 17px;
  124. right: 50px;
  125. width: 200px;
  126. height: 10px;
  127. -moz-box-shadow: 4px 5px 31px 11px #999;
  128. -webkit-box-shadow: 4px 5px 31px 11px #999;
  129. box-shadow: 4px 5px 31px 11px #999;
  130. -moz-transform: rotate(4deg);
  131. -webkit-transform: rotate(4deg);
  132. -ms-transform: rotate(4deg);
  133. -o-transform: rotate(4deg);
  134. transform: rotate(4deg)
  135. }
  136. </style>
  137. </head>
  138. <body>
  139. <div class="error-page">
  140. <div class="error-page-container">
  141. <div class="error-page-main">
  142. <h3>
  143. <strong>访问出错</strong>无法打开页面
  144. </h3>
  145. <p>
  146. <b>提醒:</b>
  147. </p>
  148. <div class="error-page-actions">
  149. <div>
  150. <h4>可能原因:</h4>
  151. <ol>
  152. <li>网络信号差</li>
  153. <li>找不到请求的页面</li>
  154. <li>输入的网址不正确</li>
  155. </ol>
  156. </div>
  157. <div>
  158. <h4>可以尝试:</h4>
  159. <ul>
  160. <li><a href="javascript:history.go(-1);">返回上一页</a></li>
  161. </ul>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </body>