让Ie8兼容HTML5和CSS3

最新推荐文章于 2026-05-15 06:41:01 发布

原创最新推荐文章于 2026-05-15 06:41:01 发布 · 2.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ie 8 #javascript #html5 #css3 #dom

jQuery 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种使Internet Explorer 8浏览器支持HTML5及CSS3特性的方法，通过使用html5.js和excanvas.compiled.js脚本文件，实现画布效果和其他HTML5特性。文章还展示了如何应用这些技术来创建圆形填充等视觉元素。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <HTML  lang="en">
  <HEAD>
      <meta charset="UTF-8">
       <TITLE> IE8支持HTML5+CSS3 </TITLE>
      <!--[if IE]>
      <script src="js/html5.js" type="text/javascript"></script>
      <script type="text/javascript" src="js/excanvas.compiled.js"></script>
      <![endif]-->
     <head>

     <style type="text/css">
     body {
             /*background: #444;*/
             color: #FFF;
             font-family: Helvetica, Arial, sans-serif;
             text-align: center;
         }

     #cv {
                width: 600px; height: 400px;
                background: #000;
                border-radius: 20px;
                padding: 20px;
                margin: 20px auto;
                box-shadow: 0 0 40px #222;
         behavior: url(lib/PIE.htc);
     }
     </style>

     <script type="text/javascript">
     function test() {
         var ctx = document.getElementById("cv").getContext("2d");

           ctx.fillStyle = "#aa0000";
           ctx.beginPath();
           ctx.arc(100, 100, 25, 0, Math.PI*2, true);
           ctx.closePath();
           ctx.fill();
         }

     window.onload = test;
      </script>

     </head>

     <body>
 <canvas id="cv"></canvas>
 </body>