css兼容大全（CSS compatibility Daquan）.docVIP

css兼容大全（CSS compatibility Daquan） CSS compatibility of the browser and sometimes make people very headache, perhaps when you learn the skills with principle, feel is not difficult, from the Internet to collect compatibility processing method of IE7,6 and Firefox and tidy for Web2.0 over, please try to use the XHTML format to write code, and the DOCTYPE effect of CSS treatment, as the W3C standard, must add DOCTYPE fame. CSS skills #divcss5{ Background:blue; /*Firefox * / blue background Background:red \9; /*IE8 * / red background *background:black; /*IE7 * / black background _background:orange; /*IE6 * / orange background } The vertical centering problem of 1.div Vertical-align:middle; increase the row spacing to as high as the DIV; line-height:200px; then insert the text and center vertically. The disadvantage is to control the content, not line feed 2., margin doubles The div set to float doubles in the margin setting under ie. This is a IE6 that exists in bug. The solution is to add display:inline to this div; For example: #div id= imfloat the corresponding CSS is #IamFloat{float:left; margin:5px; under /*IE is understood as 10px*/display:inline; /*IE is understood as 5px*/} again 3. double distance from floating IE #box{float:left; width:100px; margin:0 00 100px; / / this case will produce IE 200px from display:inline; / / ignore the floating} Here describe the block and inline characteristics of two elements: the block element is always begins on a new line, height, width, line height, margins can control (element); characteristics of Inline elements, and other elements in the same line, can not control (embedded elements); #box{display:block; can / / inline element simulation block element display:inline; / / diplay:table effect to achieve the same line arrangement; 4 IE with width and height issues IE does not recognize the definition of min-, but in practice it treats normal width and height as if there were min. Thats a big problem. If you use only the wid