内容。。。
内容。。。
区分IE6.0,IE7.0,FireFox的CssHack写法：
【WEB标准】
有很长一段时间没有写关于Css方面的文章了，今天刚好有空，就整理了一些Css兼容性问题解决的方法。当我们使用不同的浏览器（IE6.0,IE7.0,FireFox）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，有的显示出来不正常，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。而兼容就是一种办法，能让你在一个CSS里面独立的写支持不同浏览器的样式。
下面列出区分IE6.0,IE7.0,FireFox的CssHack写法：
代码如下：
另一种Hack的写法：
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
2.再说一下盒子的实际宽度为（在IE6.0,IE7.0,FireFox的环境下）：width+padding+margin
3.清除浮动：
1）在需要关闭的层的结束前面再插入一个层：
.clear { clear:both; font:0; line-height:0; margin-top:-1px; }
2）float 闭合可以用这个解决多个div对齐时的间距不对,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {display:block;}
下面列出区分IE6.0,IE7.0,FireFox的CssHack写法：
代码如下：
另一种Hack的写法：
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
2.再说一下盒子的实际宽度为（在IE6.0,IE7.0,FireFox的环境下）：width+padding+margin
3.清除浮动：
1）在需要关闭的层的结束前面再插入一个层：
.clear { clear:both; font:0; line-height:0; margin-top:-1px; }
2）float 闭合可以用这个解决多个div对齐时的间距不对,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.
内容。。。
内容。。。
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {display:block;}
流行热度：超过 人阅读
关 键 词：css hack DIV+CSS hack IE6.0 IE7.0 Firefox
发布日期：daniel 发表于 2009-4-20 15:01:33
所属分类：【网站SEO - WEB标准】 - 【WEB标准】
文章链接：http://www.cookseo.com/blog/css/csshack/ [点击复制] (转载时请注明本文出处及文章链接)
引用地址：点击这里获取该日志的TrackBack引用地址
关 键 词：css hack DIV+CSS hack IE6.0 IE7.0 Firefox
发布日期：daniel 发表于 2009-4-20 15:01:33
所属分类：【网站SEO - WEB标准】 - 【WEB标准】
文章链接：http://www.cookseo.com/blog/css/csshack/ [点击复制] (转载时请注明本文出处及文章链接)
引用地址：点击这里获取该日志的TrackBack引用地址
您或许对与WEB标准相关的文章感兴趣：
CSS(CssReset)定义网站的整体元素样式 (2009-4-9 22:27:38) css之解决span宽度的完美方案 (2008-12-18 10:55:32) CSS设计中的黄金分割率应用 (2008-11-14 16:42:59) 修改CSS样式，通过W3C校验 (2008-11-14 15:22:27) css中如何让li 自适应宽度 (2008-9-28 11:46:56) div+css中如何对头部header进行优化 (2008-9-26 16:34:16) CSS书写规范及方法 (2008-9-18 14:59:5) CSS命名规范 (2008-9-18 14:56:28)
本文被踩了(2)次, 既然来了，我也要踩一脚
2009-4-20 20:59:45 回复该留言
为什么叫csshack啊？
和hack又没关系
为什么叫csshack啊？
和hack又没关系
daniel,2009-04-21 09:24 AM
由于不同的浏览器，比如IE6.0,IE7.0,FireFox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack。
由于不同的浏览器，比如IE6.0,IE7.0,FireFox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack。
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。