分类 CSS 下的文章

IE6 IE7 Firefox Opera Safari 的 CSS Hacks

IE系列

div { +property:value; } 在属性名前加上加号”+”,这个Hack只有IE系列可以识别.
div { *property:value; } 在属性名前加上星号”*”,这个Hack只有IE系列可以识别.
div { _property:value; } 在属性名前加上下划线”_”,这个Hack只有IE6 识别.
background-color:red\0; /* ie 8/9*/
background-color:blue\9\0; /* ie 9*/

IE的if条件Hack

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
<!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

- 阅读剩余部分 -

CSS实现pre标签内容自动换行

pre, code { 
display: block; 
overflow: auto; 
background: #f4f4f4; 
padding: 5px 10px; 
border: 1px solid #eee; 
whitewhite-space:pre-wrap; /* css-3 */    
whitewhite-space:-moz-pre-wrap; /* Mozilla, since 1999 */    
whitewhite-space:-pre-wrap; /* Opera 4-6 */    
whitewhite-space:-o-pre-wrap; /* Opera 7 */    
word-wrap:break-word; /* Internet Explorer 5.5+ */  
white-space: pre-wrap; /* Firefox */ 
}