index.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="force-rendering" content="webkit"/>
  6. <meta name="renderer" content="webkit" />
  7. <meta name="format-detection" content="telephone=no">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
  10. <title>功道云</title>
  11. <script src="https://at.alicdn.com/t/c/font_3688269_h7ynmhqwysu.js?spm=a313x.7781069.1998910419.80&file=font_3688269_h7ynmhqwysu.js"></script>
  12. <script src="static/js/polyfill.min.js"></script>
  13. <style>
  14. .chromLink {
  15. width: 163px;
  16. height: 66px;
  17. position: absolute;
  18. left: 50%;
  19. top: 450px;
  20. margin-left: -170px;
  21. cursor: pointer;
  22. background-color: blue;
  23. -khtml-opacity: 0;
  24. -moz-opacity: 0;
  25. filter: alpha(opacity=0);
  26. filter: "alpha(opacity=0)";
  27. opacity: 0;
  28. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  29. }
  30. .firefoxLink {
  31. width: 163px;
  32. height: 66px;
  33. position: absolute;
  34. left: 50%;
  35. top: 450px;
  36. cursor: pointer;
  37. margin-left: 9px;
  38. background-color: pink;
  39. filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  40. -khtml-opacity: 0;
  41. -moz-opacity: 0;
  42. filter: alpha(opacity=0);
  43. filter: "alpha(opacity=0)";
  44. opacity: 0;
  45. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div style="position: absolute; top:-100000px; left:-100000px;">
  51. <input type="text">
  52. <input type="password">
  53. </div>
  54. <div id="app"></div>
  55. <div id='ie_tip' style='display:none'><img style='position:absolute;left:50%;margin-left:-366px;' src='static/images/ltIE9.png'><a
  56. href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' class='chromLink'></a><a
  57. href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' class='firefoxLink'></a></div>
  58. <!-- built files will be auto injected -->
  59. </body>
  60. <script>
  61. (function (window) { // ie9以下浏览器
  62. var theUA = window.navigator.userAgent.toLowerCase();
  63. if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
  64. var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
  65. if (ieVersion < 9) {
  66. var app = document.getElementById("app")
  67. var ie_tip = document.getElementById("ie_tip")
  68. ie_tip.style.display = 'block';
  69. app.appendChild(ie_tip)
  70. };
  71. }
  72. })(window);
  73. </script>
  74. </html>