最新CSS兼容方案

bias 楼主

最新的CSS兼容方案，让你的样式完美兼容各大浏览器，这个方案主要是用来解决Safari的，Opear是在测试的时候顺带试了一下，结果发现竟然也行，所以顺便也解决了。

.e {/*FF OP*/
background-color: #FF0000
}
html* .e{/*Sa IE7 OP*/
background-color:#FF00FF
}
*+html .e{
background-color:#000000;/*OP*/
*background-color:#0000FF;/*IE7*/
}
* html .e{/*IE6*/
background-color:#00FFFF
}
经FF2、OP9.21、OP9.10、Sa3.0.3(pc)、IE7、IE6测试通过，如果你在其他的浏览器版本上测试过，欢迎给我留言，把结果告诉我。

需要注意的是：IE7对样式的解释跟DTD是有关，在没有DTD的时候，IE7是能读取IE6的hack的。

测试文件[http://www.cssforest.org/trys/csshack.html]

原文地址[http://www.cssforest.org/blog/index.php?id=96]

angell8684

好东西..  不愧是鬼..

7oine

板凳。鉴定完毕。

liuxinghonglei

在公交车上听见几个人在谈论 WEB标准   说   只要结构写的好   不需要hack也一样能兼容  但是  几个浏览器中  多少有点差别  差 1  2 px 很正常

对于鬼的总结还是不错的

heluyao

楼上说得很好，结构写得再好，总是会有那么一小点的差别的。
对于一些结构稍微简单的网页，不需要hack也一样能兼容；但是复杂的就不一定咯。
当然，结构也是非常之重要的。

zehee

hack大部分需要解决的无非是ie系列的猫腻（元素haslayout，双倍边距，3px,margin相溶…………）

Ashung

/* for all */
.e {
background-color: #FF0000
}
/* for IE 7 6 5.5 Safari Knoqueror */
html* .e{
background-color:#FF00FF
}
/* for IE 5 7 */
*+html .e{
background-color:#000000;
/* for IE 5 5.5 6 7 */
*background-color:#0000FF;
}
/* for IE 5 5.5 6 */
* html .e{
background-color:#00FFFF
}
第一个规则让所有浏览器背景红色，
第二个规则让IE 7 6 5.5 Safari Knoqueror背景紫色，IE 5 Gecko Opera 还是红色；
第三个规则的第一个声明把IE7 IE5改成黑色，Gecko Opera红色， IE6 5.5 Safari Knoqueror还是紫色；
第三个规则的第二个声明把IE7 IE5又把改成蓝色（这个多余的），Gecko Opera红色， IE6 5.5 Safari Knoqueror还是紫色；
第三个规则又把IE 5 5.5 6改成淡蓝，最后是IE7蓝色，Gecko Opera红色 ，Safari Knoqueror紫色。

很无聊的继承了，又被覆盖，建议那张纸把浏览器列出了，然后一个一个划掉

没必要这样作

[ 本帖最后由 Ashung 于 2007-12-7 13:48 编辑 ]

badwish

没用过hack

old9

原帖由 liuxinghonglei 于 2007-12-6 17:21 发表
在公交车上听见几个人在谈论 WEB标准   说   只要结构写的好   不需要hack也一样能兼容  但是  几个浏览器中  多少有点差别  差 1  2 px 很正常

对于鬼的总结还是不错的

哇塞，公交车上都有人讨论 WEB 标准了啊……看 来 WEB 标准真是深入人心啊

bias 楼主

如果有更好的办法，不妨说出来一起学习下。

qiutianmty

怎么都是老的内容，也不更新一下再拿出来。

nanzhilian

是哦
能不用hack就不用hack
很多情况下还是能够正常的调好的

No01

原帖由 liuxinghonglei 于 2007-12-6 17:21 发表
在公交车上听见几个人在谈论 WEB标准   说   只要结构写的好   不需要hack也一样能兼容  但是  几个浏览器中  多少有点差别  差 1  2 px 很正常

对于鬼的总结还是不错的

      我感觉公交上几位说的也不无道理。      对于HACK 不到万不得已 不用

bias 楼主

磨刀不误砍柴功，不知道楼上都是怎么想的，谁说我给出一个hack就得用啦？

觉得我不能写出不用hack的页面？

你能不用当然最好，如果真的要用的时候，你就慢慢折腾吧。

harborworkroom

我好象从来没有用过"hack",但在IE6、IE7和FF下绝对能够完全兼容的。

No01

楼主想太多了。  俺们就是谈谈  hack 这东西

sunnybai

楼主总结得不错！ 有的朋友是直接用javascript 对浏览器进行判断从而调用不同的css的，我觉得麻烦，还是楼主的写法好！

pufen

原帖由 harborworkroom 于 2007-12-11 11:37 发表
我好象从来没有用过"hack",但在IE6、IE7和FF下绝对能够完全兼容的。

很好,我无证违规驾驶八年了,在这几年间,绝对没出过事故..

zehee

楼上的比喻不恰当啊。

使用"hack"才是“违反交通规则”吧。

pufen

原帖由 zehee 于 2007-12-11 11:52 发表
楼上的比喻不恰当啊。

使用"hack"才是“违反交通规则”吧。

您一定小学语文课没好好听,,这叫夸张滴比喻手法.....

Ashung

最后结果IE 5 5.5 6淡蓝，IE7蓝色，Gecko Opera红色 ，Safari Knoqueror紫色。
hack分离了就是
IE 5 5.5 6淡蓝
* html .e {background-color:#0FF}
IE7蓝色
*[className="e"] {background-color:#00F} 或
*:first-child~html .e {background-color:#00F}
Gecko Opera红色(单独针对这2个的比较复杂，只要过滤掉IE就可以，方法比较多，同时也会被Safari Knoqueror支持)
html>/**/body .e {background-color:#F00}或
:root .e {background-color:#F00}
Safari Knoqueror紫色(抱歉这个Knoqueror我没测，估计的，safari/Win的测了)
html*~/**/body .e {background-color:#F0F}

[ 本帖最后由 Ashung 于 2007-12-11 12:32 编辑 ]