Home思洋影视事业部网站建设知识库
0 Comments

检测浏览器是否支持CSS3的方法

发布于：2013-11-01  |   作者：广州网站建设  |   已聚集：人围观

如何检测用户的浏览器是否支持CSS3，我们需要使用HTML，CSS和JavaScript来完成这件事情。下面是步骤。

1）先制作下面的HTML



    
	
  1. 
		< span id="check" rel="Detect">< /span> 
    2. 




	2）然后书写下面的CSS




    
	
  1. 
		#check {  
    2. 
	
  2. 
		  display: none;  
    3. 
	
  3. 
		  width: 0;  
    4. 
	
  4. 
		  height: 0;  
    5. 
	
  5. 
		}  
    6. 
	
  6. 
		#check[rel^="D"] {  
    7. 
	
  7. 
		  display: block;  
    8. 
	
  8. 
		  width: 0;  
    9. 
	
  9. 
		  height: 0;  
    10. 
	
  10. 
		} 
    11. 




	3）下面是JavaScripts的检测脚本

	广州网站建设,网站建设,广州网页设计,广州网站设计



	请确保下面的代码放在HTML文件头。




    
	
  1. 
		< script type="text/javascript"> 
    2. 
	
  2. 
		var obj = document.getElementById("check");  
    3. 
	
  3. 
		var file="special.css";  
    4. 
	
  4. 
		if (window.getComputedStyle)  
    5. 
	
  5. 
		    var stat = window.getComputedStyle(obj,null).getPropertyValue("display");  
    6. 
	
  6. 
		else if (obj.currentStyle)  
    7. 
	
  7. 
		    var stat = obj.currentStyle.display;  
    8. 
	
  8. 
		var css3 = (stat == "block");  
    9. 
	
  9. 
		if (css3) alert("CSS3 Supported.");  
    10. 
	
  10. 
		else alert("CSS3 not supported.");  
    11. 
	
  11. 
		< /script> 
    12. 



			

			

					 标签：网站建设(5654)广州网站设计(5620)广州网站建设(4075)广州网页设计(1868)
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机