用CSS代码来判断浏览器是Firefox、IE6、IE7的网页特效代码
2015-06-04 10:26
731 查看
<!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区分Firefox、IE6、IE7</title>
<style. type="text/css">
#example{color:red ;}/*firefox*/
* html #example{color:blue;}/*ie6*/
*+html #example{color:green;}/*ie7*/
</style>
</head>
<body>
<div id="example">在FireFox下应为红色,在IE6.0下应为蓝色,在IE7.0下应为绿色。</div>
</body>
</html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta. http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>关于用CSS区分Firefox、IE6、IE7</title>
<style. type="text/css">
#example{color:red ;}/*firefox*/
* html #example{color:blue;}/*ie6*/
*+html #example{color:green;}/*ie7*/
</style>
</head>
<body>
<div id="example">在FireFox下应为红色,在IE6.0下应为蓝色,在IE7.0下应为绿色。</div>
</body>
</html>
相关文章推荐
- css margin的相关属性,问题及应用
- CSS相对定位|绝对定位(五)之z-index篇
- CSS 相对/绝对(relative/absolute)定位系列(二)
- CSS 相对|绝对(relative/absolute)定位系列(一)
- 七个你可能不了解的CSS单位
- CSS float浮动的深入研究、详解及拓展(二)
- 我对CSS vertical-align的一些理解与认识(一)
- CSS vertical-align的深入理解(二)之text-top篇
- css3弹性盒子模型 flex与box 菜鸟学习笔记
- CSS核心:再说框模型(Box Model)
- (转)Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法
- inline 与inline-block到底有什么区别
- 自定义css博客皮肤
- Font Awesome:图标字体,完全CSS控制
- CSS旋转与翻转
- 杂七杂八 - CSS选择器
- css过度动画使用简介及animate.css库使用简介
- checkbox 背景图片 纯CSS处理办法
- CSS-三角形
- CSS-渐变