*ie6专用 _评论- 198&
&&&&&&&&&&&
收集各种浏览器的Hack写法
下面是我收集有关于各浏览器下Hack的写法
1、Firefox
黑体部分为适应浏览器而新增加的识别代码
@-moz-document url-prefix() {
　　.selector {
　　　　property:
支持Firefox的还有几种写法：
#selector[id=selector] {&&& //id选择器
　　property:
} 　　或者：
@-moz-document url-prefix() {
　　.selector {
　　　　property:
*&.selector {
　　property:
2、Webkit枘核浏览器(chrome and safari)
@media screen and
(-webkit-min-device-pixel-ratio:0) {
　　Selector {
　　　　property:
上面写法主要是针对Webkit内核的浏览器，如Google Chrome 和 Safari浏览器
@media screen and
(-webkit-min-device-pixel-ratio:0) {
　　.demo {
　　　　color: #f36;
3、Opera浏览器
html:first-child&body Selector
　　property:
@media all and (min-width:0) {
　　Selector
　　　　property:
@media all and
(-webkit-min-device-pixel-ratio:10000), not all and
(-webkit-min-device-pixel-ratio:0) {
　　head~body Selector {
　　　　property:
上面则是Opera浏览器的Hack写法
@media all and
(-webkit-min-device-pixel-ratio:10000), not all and
(-webkit-min-device-pixel-ratio:0) { head~body
　　.demo {
　　　　background:
4、IE9浏览器
:root Selector {
　　property: value9;
上面是IE9的写法。
:root .demo {
　　color: #ff09;
5、IE9以及IE9以下版本
Selector {
　　property:value9;
这种写法只有IE9以及IE9以下版本能识别，这里需要注意此处&9&只能是&9&不能是别的，不然会失去效果的，如：
　　background: lime9;
6、IE8浏览器
Selector {
property: value/;
@media screen{
　　Selector {
　　　　property:
上面写法只有IE能识别，如：
　　color: #fff/;
@media ?screen{
　　.color
　　　　color: #
7、IE8以及IE8以上的版本
Selector {
　　property: value?;
这种写法只有IE8以及IE8以上版本支持，如
　　color: #ff0?;
8、IE7浏览器
*+html Selector{
　　property:
*:first-child+html Selector {
　　property:
上面两种是IE7浏览器下才能识别，实例：
*+html .demo {
　　background:
*:first-child+html .demo {
　　background:
9、IE7及IE7以下版本浏览器
Selector {
　　*property:
上面的写法在IE7以及其以下版本都可以识别，如：
　　*background:
10、IE6浏览器
Selector {
　　_property:
　　_property:
*html Selector {
　　property:
　　_width:100
　　_width: 100
*html .demo {
　　width: 100
上面具体介绍了各种版本浏览器下如何识别各种的Hack写法，包括了IE6-9以及现代版本的浏览器写法。综合上面的所述，我们针对不同浏览器的Hack写法主要分为两种从CSS选择器和CSS属性上来区别不同的Hack写法。下面我们分别来看这两种的不同写法：
CSS选择器的Hack写法
1、IE6以及IE6以下版本浏览器
* html .demo {
　　color:
2、仅仅IE7浏览器
*:first-child+html .demo {
　　color:
3、除IE6之外的所有浏览器（IE7-9, Firefox,Safari,Opera）
html&body .demo {
　　color:
4、IE8-9,Firefox,Safari,Opear
html&body .demo {
　　color:
:root .demo {
　　color:
6、Firefox浏览器
@-moz-document url-prefix() {
　　.demo {
　　　　color:
6、Webkit内核浏览器（Safari和Google Chrome）
@media screen and
(-webkit-min-device-pixel-ratio:0) {
　　.demo {
　　　　color:
7、Opera浏览器
@media all and
(-webkit-min-device-pixel-ratio:10000), not all and
(-webkit-min-device-pixel-ratio:0) {
head~body .demo {
　　color:
8、iPhone / mobile webkit
@media screen and (max-device-width: 480px) {
　　　　color: red
CSS属性Hack写法
1、IE6浏览器
　　_color:
2、IE6-7浏览器识别
　　*color:
3、所有浏览器除IE6浏览外
　　color:
4、IE6-9浏览器
　　color: red9;
5、IE7-8浏览器
color:red9;
上面罗列的都是各种浏览器下的有关于CSS的Hack的写法，基中有针对于现代浏览器Safari,Google
Chrome和Firefox的写法，而且也有针对于我们前端人员最讨厌的IE6-9的各版本浏览器的Hack的写法，而且这些Hack我们又分为CSS
选择器的Hack写法和CSS属性的Hack写法。然而具体何种适用，大家可以要据自己的需求来定，下面列出我个人的两种写法：
一、经济实惠型定法：
这种写法注重单独的CSS的Hack写法。不同的浏览器使用不同的Hack写法，其实也只是以IE的Hack写法比较多（因为我们写Hack也主要是针对
IE的浏览器）特别是IE6下的浏览器。单独为各种浏览器写Hack的好处是：针对各种浏览顺的Hack写法省力易记。因为其他的浏览器主要是针对现代浏
览器，相对来说是比较少的。针对于这种Hack的使用，我推荐使用下面的方法：
　　color:
　　color: green9;
　　color: lime?;
　　*color:
　　+color:
　　_color:
@media all and
(min-width:0px){
　　color: #000;
@media screen and
(-webkit-min-device-pixel-ratio:0) {
　　color: #f36;
@media all and
(-wekit-min-device-pixel-ratio:10000), not all and
(-webkit-min-device-pixel-ratio:0) { head~body .demo
　　color: #369;
@-moz-document url-prefix(){
　　color:#
二、完美主义写法
这种方法是追求完美主义的写法，主要是配合我们上一节所说的IE条件注释，全部采用选择器Hack的写法。这种写法分两步：
1、创建条件样式表，并在HTML中body里添加相应的class类名：
IE6]&&&&!&[if
IE7]&&&!&[if
IE8]&&&!&[if
IE9]&&&!&[if
2、接着创建对应的样式
.demo {color:}
.non-ie .demo {color:}
.ie9 .demo {color:}
.ie8 .demo{color:}
.ie7 .demo
.ie6 .demo {color:}
@media all and
(min-width: 0px){ .demo {color:} }
@media screen and
(-webkit-min-device-pixel-ratio:0){ .demo{color:#369;} }
@media all
and (-webkit-min-device-pixel-ratio:10000), not all and
(-webkit-min-device-pixel-ratio:0) { head~body .demo{color:#cf6;} }
@-moz-document url-prefix(){ .demo{color:#963;}/* firefox * /
阅读(...) 评论()I'm Jankerli!
I'm jankerli!
马上跳转到CSSHack整理-CSS教程CSSHack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务.我进行前端开发的时候,测试用的浏览器大致有:IE7,IE6,Opera9(......题，IE6、IE7和FF已经让大家够呛。今天向大家介绍IE8的CSShack。
IE8正式版发布以来，一直在找一种区别IE8正式版的方法。在百度搜索&IE8hack&有19万多个结果，google搜索则有243万多个结果，但几乎没有看到任何一种有效的方法是针对...你对CSS中hack和注释书写规范是否熟悉，这里和大家分享一下，由于各个浏览器对于页面的解释呈视不尽相同，就需要利用css的hack来进行调整，另外说一下注释的概念，注释主要包括单行注释和整段注释。CSS中hack和注释书写规范...点评：学习CSS，除了基础，还有必学的一课，就是CSShack，很多书籍上都有涉及。当时觉得这个东西很神秘，可以针对某个或某些浏览器写些特别的CSS样式而不影响其他，而且用起来也很方便。虽然如此，但是，很少有人知道，...点评：针对firefoxie6ie7ie8的css样式hack以前我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到了一个针对IE7、IE8不错的hack方式，IE......文主要介绍了CSS的一些关于浮动,清除,闭合的技巧一、CSSHACK以下两种方法几乎能解决现今所有HACK.1,!important随着IE7对!important的支持,!important方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)代码如下:style#wrapper{width:100p...点评：ie5hack,ie6hack,ie8hack,ie9我没用，暂时也没接触过9的hack，随着浏览器的更新（而且换代越来越快），是不是我有写不完的hack，还是说高手从不写hack。ie5hack,ie6hack,ie8hack,ie9我没用，暂时也没接触过9的hack，随着浏览器的更新（...一、CSSHACK以下两种方法几乎能解决现今所有HACK.1,!important随着IE7对!important的支持,!important方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)2,IE6/IE77对FireFox*+html与*html是IE特有的标签,firefox暂不支持.而*+html又为IE7特有标......html{…}当面临需要只针对IE7做样式的时候就可以采用这个HACK。IE6及IE6以下识别*html{…}这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。html/**/bodyselect{……}这句与上一句的作用相......}当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。
仅IE7可以识别*+htmlselect{…!}当面临需要只针对IE7做样式的时候就可以采用这个HACK。
IE6及IE6以下识别*htmlselect{…}这个地方要特别注意很多博客都写成了是IE6的......IE9下测试了一下，也有同样的问题。悲剧了赶紧找IE10的hack，下面的方法还是比较实用的，感兴趣的朋友可以参考下有IE就有hack，看看IE9的csshack，IE8的csshack；上次同事说一个页面IE10下有问题，IE9下测试了一下，也有同样的问题......}当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。仅IE7可以识别*+htmlselect{!}当面临需要只针对IE7做样式的时候就可以采用这个HACK。IE6及IE6以下识别*htmlselect{}这个地方要特别注意很多博客都写成了是IE6的HACK其......声明：由于Opera最新的更新，此句目前已经成为FF的专用HACK*/select:empty{font:12px!}/*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7识别复制代码代码如下:*+html{…}当面临需要只针对IE7做......码可以看出FF还是最听话的浏览器。在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。这里就很好记忆了，IE6加*html，而IE7加*+html，暗示加了一个版本。通过对class、id所做的CSSHACK好处在于不用顾及前后顺序，而且便于管理......对web标准支持情况不一，导致网页在的表现不一，所谓的hack技术则是前端开发中必用的，使用它可以解决各浏览器兼容性问题，为此烦恼的朋友可以参考下由于各大浏览器尤其IE浏览器对web标准支持情况不一，导致标准的网页在...点评：网页制作Webjx文章简介：仅Safari和Opera识别的Hack；仅Firefox3和IE7识别的Hack。1、仅Safari和Opera识别的Hack@mediaalland(min-width:0px){/*SafariandOperaruleshere*/}或者@media仅Safari和Opera识别的Hack；仅Firefox3和IE7识别的Hack。1、仅Safari和Opera识......码，其他浏览器都滚的好好的，就IE出现错误,DIV+CSSif条件hack,这里DIVCSS5为大家介绍针对各大浏览器(IE6\IE7\IE8)中使用if条件hack方法教程,DIVCSSIF使用与实例一个滚动代码，其他浏览器都滚的好好的，就IE出现错误！气愤！随想起IE的...点评：这是一篇关于CSSHACK的文章，这篇文章中提到的CSSHACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSSHACK。.test{/*FF*/height:20background-color:}*htm这是一篇关于CSSHACK的文章，......，所以现在诸如*html{}和html＞body{}等针对IE隐藏或显示的hack都会在IE7中失效。虽然CSSHack不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在HTML中，CSSHack还是有用武之地的。Nanobot发现了一些针对IE7的CSSHack，......的样式表提供了可能，但同时需要维护多个样式文件。CSShacks这事实上是个龌龊的做法，能解决问题又不符合规范，看着也很头大。大部分人看着它只能束手无策而又逼不得已。现在可以来简单回顾一下IE的CSShacks常用的几个方法...
你不理财，财不理你}