欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！
CSS手册 CSS3手册 CSS论坛 CSS培训 CSS任务 网闻
DIVCSS5培训 系统快速学会CSS布局技术！
DIVCSS5首页 > DIV+CSS实例 >

css safari浏览器识别CSS hack

 

应用CSS IE 火狐阅读器之间的鉴别DIV+CSS HACK，这里为人人再简介下辨别google阅读器(Chrome)苹果涉猎器(safari)与IE之间的hack;

只需网站kit核心浏览器的google涉猎器、safari浏览器识其它CSS hack

Chrome和safari的CSS hack代码，只要google阅读器苹果浏览器读取CSS代码：



    
	
  1. 
		@media screen and (-站点kit-min-device-pixel-ratio:0) { 
    2. 
	
  2. 
		 
    3. 
	
  3. 
		/* Webkit内核兼容CSS决议器格式 放到这里 */ 
    4. 
	
  4. 
		 
    5. 
	
  5. 
		} 
    6. 




	楷模：




    
	
  1. 
		 @media screen and (-网站kit-min-device-pixel-ratio:0) {
    2. 
	
  2. 
		.yangshi1{color:#f00} 
    3. 
	
  3. 
		.yangshi2{border:1px solid #f00;} 
    4. 
	
  4. 
		.yangshi3{bac千克round:#f00;} 
    5. 
	
  5. 
		} 
    6. 




	HTML代码：




    
	
  1. 
		 <div class="yangshi1">css格局1</div><br />
    2. 
	
  2. 
		<br />
    3. 
	
  3. 
		<div class="yangshi2">CSS5花色2</div><br />
    4. 
	
  4. 
		<br />
    5. 
	
  5. 
		<div class="yangshi3">div+css格局3</div>
    6. 




	总DIV CSS代码：




    
	
  1. 
		<!DOCTYPE html>
    2. 
	
  2. 
		<html>
    3. 
	
  3. 
		<head>
    4. 
	
  4. 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 
	
  5. 
		<title>谷歌涉猎器和safari  webkit独占判袂其它浏览器css hack演示</title>
    6. 
	
  6. 
		<style type="text/css">
    7. 
	
  7. 
		@media screen and (-webkit-min-device-pixel-ratio:0) {
    8. 
	
  8. 
		.yangshi1{color:#f00} 
    9. 
	
  9. 
		.yangshi2{border:1px solid #f00;} 
    10. 
	
  10. 
		.yangshi3{background:#f00;} 
    11. 
	
  11. 
		}  
    12. 
	
  12. 
		/* 赤色区代码是顺带写给谷歌浏览器才执行的名目 */ 
    13. 
	
  13. 
		</style>
    14. 
	
  14. 
		</head>
    15. 
	
  15. 
		<body>
    16. 
	
  16. 
		<div class="yangshi1"><a href="//www.css5.com.cn">css</a>格式1</div><br />
    17. 
	
  17. 
		<br />
    18. 
	
  18. 
		<div class="yangshi2"><a href="//www.css5.com.cn">CSS5</a>格局2</div><br />
    19. 
	
  19. 
		<br />
    20. 
	
  20. 
		<div class="yangshi3"><a href="//www.css5.com.cn">div+css</a>名堂3</div>
    21. 
	
  21. 
		</body>
    22. 
	
  22. 
		</html>
    23. 



     
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/shili/s52485.shtml

						

						
						

							
						

						

							

								
必备CSS教程Essential CSS Tutorials

							

							

								
							

						

						

							

								
必备HTML基础教程Essential HTML Tutorials

							

							

								
							

						

					

				

				

					

						

							
最新文章 NEWS

						

						

							
						

					

					

						

							
CSS 特效 CSS EFFECTS

						

						

							
						

					

					

						

							
相关文章 RELATED

						

						

							
						

					

					

						

							
热点文章 HOT