使ie9以下版本支持canvas,css3等主流html5技术的方法_html/css_WEB-ITnose

1.前言。 
  ie6,7,8支持html5，看起来比较难，其实有一种方法很通用，就是引入js和css,这种可插拔的引入对开发很有帮助。比如,下面是一个让网页支持canvas和css3的例子。 
2.例子。 
下面是一个在canvas画布中显示一个红球的例子的html. 

Java代码  

1. nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
2.    
3.   
4.    
5.   
6.    
7.  
8.   body {   
9.    background: #444;   
10.      color: #FFF;  
11.      font-family: Helvetica, Arial, sans-serif;  
12.      text-align: center;  
13.  }  
14.    
15.  #cv {  
16.      width: 600px; height: 400px;  
17.      background: #000;  
18.     border-radius: 20px;  
19.      padding: 20px;  
20.      margin: 20px auto;  
21.     box-shadow: 0 0 40px #222;  
22.      behavior: url(public/ie-css3.htc);  
23.       
24.  }  
25.    
26.   
27.  <script> </script>
28.  function test() {  
29. var ctx = document.getElementById("cv").getContext("2d");  
30.      
31.    ctx.fillStyle = "#aa0000";  
32.    ctx.beginPath();  
33.    ctx.arc(100, 100, 25, 0, Math.PI*2, true);  
34.    ctx.closePath();  
35.    ctx.fill();  
36.  }  
37.   
38.  window.onload = test;  
39.     
40.   
41.    
42.    
43.   
44.    
45.