huangqiyong
/
classroom


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
							<!DOCTYPE html>
<html lang="en">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <link rel="icon" href="../favicon.ico" />
      <title>抱歉，无法兼容您的IE浏览器</title>
   </head>

   <body>
      <div class="header">
         <h2>我们不支持 IE 浏览器</h2>
         <h3>It appears you’re using an unsupported browser</h3>
      </div>
      <div class="content">
         <p>
            为了获得更好的浏览体验，我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等。
            如果您使用的是360浏览器或搜狗浏览器等，请关闭兼容模式，选择极速模式。
         </p>
         <div class="logos">
            <div class="img_box">
               <img src="./images/logo_chrome.png" alt="chrome" />
               <!-- <a href="">点击下载</a> -->
            </div>
            <div class="img_box">
               <img src="./images/logo_firefox.png" alt="firefox" />
               <!-- <a href="">点击下载</a> -->
            </div>
            <div class="img_box">
               <img src="./images/logo_ie.png" alt="ie" />
               <!-- <a href="">点击下载</a> -->
            </div>
         </div>
      </div>
   </body>
   <style type="text/css">
      body {
         color: #666;
         text-align: center;
         font-family: Helvetica, "microsoft yahei", Arial, sans-serif;
         margin: 0;
         width: 800px;
         margin: auto;
         font-size: 14px;
      }

      h1 {
         font-size: 56px;
         line-height: 100px;
         font-weight: normal;
         color: #456;
      }

      h2 {
         font-size: 24px;
         color: #666;
         line-height: 1.5em;
      }

      h3 {
         color: #456;
         font-size: 20px;
         font-weight: normal;
         line-height: 28px;
         margin: 15px 0;
      }

      hr {
         margin: 18px 0;
         border: 0;
         border-top: 1px solid #eee;
         border-bottom: 1px solid white;
      }

      a {
         color: #17bc9b;
         text-decoration: none;
      }
   </style>
   <style type="text/css">
      body {
         width: 560px;
         background: #fafafa;
      }

      .header {
         margin: 150px auto 24px;
      }

      .logo {
         width: 64px;
         height: 64px;
         border-radius: 50%;
      }

      h2 {
         margin: 24px 0 4px;
         color: #4a4a4a;
         font-size: 28px;
         font-weight: 500;
      }

      h3 {
         margin: 0;
         color: #9b9b9b;
      }

      .content {
         border: 1px solid rgba(0, 0, 0, 0.1);
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         -moz-border-radius: 4px;
         border-radius: 4px;
         -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
         -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
         box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
      }

      .content p {
         margin: 22px 20px 20px;
         color: #6d6d6d;
         font-size: 14px;
         line-height: 22px;
         text-align: left;
      }

      .content .logos {
         margin-bottom: 30px;
      }

      .content .logos .img_box {
         display: inline-block;
      }

      .content .logos .img_box img {
         display: block;
         width: 80px;
         height: 80px;
         margin: 0 50px;
      }

      .content .logos .img_box a {
         color: #6d6d6d;
         font-size: 14px;
         cursor: pointer;
         margin: 10px 0;
         display: block;
         text-decoration: underline;
         outline: 0;
      }

      .content .logos .img_box a:hover {
         color: #66b1ff;
      }
   </style>
</html>