<html xmlns:wfs="http://www.opengis.net/wfs" xmlns="http://www.w3.org/TR/xhtml1/strict">
<head>
<style>
html{background:#cccccc;margin:0px;padding:0px;}
#tip {
background-color:blue; /*非IE 背景藍色*/
background-color:red\9; /*IE6、IE7、IE8背景紅色*/
background-color:green\0; /* ie 8*/
background-color:yellow\9\0; /* only ie 9*/
width:600px;
height:400px;
color:gray;
font-weight:bold;
overflow:auto;
_color:white; /* oley IE6*/
*color:black; /*only IE7*/
color:blue\0/; /* IE8,IE9*/
color:red\9\0; /* only IE9*/
/*最大高度和最小高度*/
min-height:200px;
max-height:400px;
height:expression(this.height > 400 ? "400px" : this.height < 200 ? "200px":"auto");
}
</style>
</head>
<body>
<!--[if IE]>IE<![endif]-->
<script>
function test(){
document.getElementById("tip").innerHTML = document.getElementById("tip").innerHTML+"<br/>换行";
}
</script>
<input type="button" value="test" onclick="test()">
<div id="tip">
【总结】：<br/>
类pack:<br/>
* html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */
*+html #demo {width:130px;} /*会被IE7执行*/
所以最后,#demo的宽度在三个浏览器的解释为: FIREFOX:100px; ie6:120px; ie7:130px;<br/>
IE6 hack：_background-color:#CDCDCD; /* ie 6*/<br/>
IE7 hack：*background-color:#dddd00; /* ie 7*/<br/>
IE8 hack：background-color:red \0; /* ie 8/9*/<br/>
IE9 hack：background-color:blue \9\0;/*ie9*/<br/>
</div>
</body>
</html>
.test{
color:#000000; /* 区别出FF,OP，所有浏览器能识别*/
[;color:#00FF00; /* 区别出SF,CH，只有它们能识别*/
color:#0000FF\9; /* 区别出IE8，只有IE6/7/8能识别*/
*color:#FFFF00; /* 区别出IE7，只有IE6/7能识别 */
_color:#FF0000; /* 区别出IE6 ，只有IE6能识别*/
}
引用地址：http://www.58mb.com/info/design/css/053521621081.html
（额外参考：http://www.cnblogs.com/WuQiang/archive/2011/08/23/2150240.html）
[; webkit内核及IE6/7都可识别
/*
css hack 小结：
[-moz]：用于Firefox
[-webkit]：Safari和Chrome。
「\9」:all IE<br/>
「_」：only IE6<br/>
「*」：IE6 and IE7<br/>
「\0」:only IE8<br/>
「!important」：IE7识别，IE6不识别<br
*/
网上摘文：
/*
上面这段代码大家可以直接copy出来，保存成html在各浏览器试试。下面我来分析下：
background-color:blue; 各个浏览器都认识，这里给firefox用；
background-color:red\9;\9所有的ie浏览器可识别；
background-color:yellow\0; \0 是留给ie8的，但笔者测试，发现最新版opera也认识，汗。。。不过且慢，后面自有hack写了给opera认的，所以，\0我们就认为是给ie8留的；
+background-color:pink; + ie7定了；
_background-color:orange; _专门留给神奇的ie6；
:root #test { background-color:purple\9; } :root是给ie9的，网上流传了个版本是 :root #test { background-color:purple\0;}，呃。。。这个。。。，新版opera也认识，所以经笔者反复验证最终ie9特有的为:root 选择符 {属性\9;}
@media all and (min-width:0px){ #test {background-color:black\0;} } 这个是老是跟ie抢着认\0的神奇的opera，必须加个\0,不然firefox，chrome，safari也都认识。。。
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后这个是浏览器新贵chrome和safari的。
好了就这么多了，特别注意以上顺序是不可以改变的。css hack虽然可以解决个浏览器之间css显示的差异问题，但是毕竟不符合W3C规范，我们平时写css最好是按照标准来，这样对我们以后维护也是大有好处的，实在不行再用。
如果给位看官有更好的css hack写法或者本文有不妥之处，欢迎留言，第一次写文章，请轻砸。
*/
愤怒的jser - css不简
分享到：
相关推荐
- 在处理不同浏览器高度不一致的问题时，可以使用CSS hack技术。例如： ```css .warp{ height:100px; /* 所有浏览器基本识别 */ height:110px\9; /* IE8识别 */ *height:120px!important; /* IE7识别 */ _...
- 利用CSS hack和条件注释针对不同浏览器编写针对性的CSS。 - 使用前缀（如 `-webkit-`, `-moz-`, `-ms-`, `-o-`）支持浏览器特有的CSS属性。 - 使用自动化工具如Autoprefixer自动添加浏览器前缀。 9. **结论** ...
在长达十年的工作经验中，积累了大量关于CSS（层叠样式表）的实用技巧与心得。本文旨在总结这些经验，并将其提炼为几个重要的知识点，帮助读者更好地理解和运用CSS。 #### 二、CSS基础知识回顾 1. **CSS选择器**：...
4. **CSS Hack**：为了解决特定浏览器的兼容问题，开发者会使用CSS Hack，例如`_property`（仅IE6）、`*property`（IE6-7）和`property`（IE8及更高版本和其他浏览器）。但这种方法应谨慎使用，因为它可能导致维护...
8. **浏览器兼容性**：理解不同浏览器对CSS特性的支持情况，学习如何使用工具（如Can I Use网站）来检查兼容性，并使用前缀和 hack 解决兼容性问题。 9. **Flexbox** 和 **Grid**：介绍这两种现代布局模式，理解...
在CSS布局设计中，掌握一些精简技巧和解决常见问题的方法是至关重要的。以下是对标题和描述中提到的CSS布局知识点的详细解释： ...在实践中不断积累经验，理解CSS的工作原理，将使你成为更优秀的前端开发者。
此外，Dust-Me支持CSS1到CSS3的大部分选择器，并能识别常见的CSS hack。该插件在Firefox 3.5和3.0上均可运行，且在3.5上的性能更优。更多信息可访问Dust-Me selector的官方页面。 2. Page Speed Page Speed是...
6. **持续学习和优化**：Cranium.css可能具有自我学习能力，随着时间的推移和更多用户数据的积累，能够不断优化其推荐的界面设计。 7. **数据隐私与安全**：在处理用户数据时，Cranium.css需要遵循严格的隐私政策，...
因此，在编写CSS时，我们需要对这些常见阅读器的bug有所了解，并采取适当的hack方法或使用前缀来确保跨浏览器的兼容性。 总的来说，理解CSS中的margin属性，掌握其特性和用法，对于提升网页布局的精确度和美感至关...
1. **浏览器兼容性问题**：在IE6中可能出现“多了一只猪”的问题，这通常是由于CSS hack或特定浏览器的渲染差异引起的。解决办法是尽量使用跨浏览器的CSS代码，避免使用专为特定浏览器编写的hack，或者利用条件注释...
学习CSS是网页设计中至关重要的一步，它...总之，学习CSS需要耐心和毅力，通过理论学习与实战练习相结合，逐步积累经验，最终达到精通的水平。不要被初期的困难所吓倒，持之以恒，你一定能够在CSS的世界里游刃有余。
在CSS网页制作过程中，经常会遇到各种布局和兼容性问题，这些问题可能会阻碍网页设计的进展。以下是一些关键的快速参考技巧，旨在帮助...在实践中不断学习和积累经验，才能真正掌握CSS的精髓，成为网页设计的高手。
与此同时，CSS的学习也是至关重要的，学生必须理解并掌握CSS选择器以及样式定义，以及如何通过CSS Hack和优化方法来确保网页在不同浏览器中的兼容性。这一切的学习都旨在提升学生的页面布局和美化能力，使他们能够...
解决这个问题需要对各浏览器的渲染差异有深入理解，可能需要添加特定的CSS hack或者使用前缀来确保跨浏览器的一致性。 3. **JavaScript与Flash**：网页中可能包含JavaScript代码以实现交互效果，透明Flash用于增强...
同时，持续学习和经验积累，形成自己的代码习惯，也是提升个人开发效率的重要途径。 综上所述，Web开发并非简单的页面拼接，而是一个涉及设计理解、技术运用、团队协作和效率优化的综合过程。随着技术的不断进步，...
3. **奇淫技巧**：这类技巧通常是指那些非官方推荐但能有效解决问题的方法，比如CSS hack解决浏览器兼容性问题，或者JavaScript的某些鲜为人知的特性。 4. **性能优化**：前端性能优化是提升用户体验的重要一环，...
虽然IE6等旧版本浏览器常常带来困扰，但开发者应尝试通过调整HTML结构和使用相对安全的CSS技巧来避免过度使用hack。例如，利用触发layout或position:relative来解决IE6的问题。 代码质量和可维护性是另一个重要方面...