软件开发培训班 >> 编程开发 >> CSS

通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5</title> 
<style type="text/css"> 
<!--

#fx { 
 display: none; 
 border: 3px double #999; 
 width:300px; 
 height:200px; 
 padding:10px; 
} 
#ie6{ 
 display:none !important; 
 display:none;/*ie5*/ 
 font-size:54px; 
 border:10px solid #CCC; 
 padding:100px; 
} 
#ie6/**/{ 
 display:block; 
 display /*ie5.5*/:none; 
} 
#ie7 { 
 display:block !important; 
 display:none;/*ie5 & ie6*/ 
 background-color:#69f; 
 border:1px dashed #63c; 
 padding:50px; 
 width:200px; 
 height:150px;

} 
*:lang(zh) #ie7{ 
 display:none !important; 
} 
*:lang(zh) #fx{ 
 display:block !important; 
}

-->

#example{color:red ;} 
* html #example{color:blue;} 
*+html #example{color:green;} 
</style> 
</head>

<body lang="zh"> 
<div id="fx">这是在 FireFox 或者 Opera 下面的效果</div> 
<div id="ie6">这是在 IE 6 下面的效果</div> 
<div id="ie7">这是在 IE 7 下面的效果</div>

<div>以下为简单区分FF/IE6/IE7示例</div> 
<div id="example">这行文字在FF下应为红色，在IE6下应为蓝色，在IE7下应为绿色 。</div> 
</body> 
</html>

技术文章快速查找

浅谈由position属性引申的css进阶讨论

css教程 css和document

CSS学习笔记Padding 属性中参数的定义与使用

关于HTML的语义化标签和无语义化标签

使用#default#userdata组件实现的可记忆内容的编辑器

CSS3:伪类前的冒号和两个冒号区别

网页制作,改变你的思维方式

《CSS3实战》笔记--渐变设计（二)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建