CSS中各个浏览器兼容的解决办法_1（国外英文资料）.doc

CSS中各个浏览器兼容的解决办法_1（国外英文资料） The support of several browsers for different keywords in CSS can be redefined by browser compatibility ! Important can be identified by FireFox and IE7 * can be identified by IE6, IE7 _ can be identified by IE6 * + can be identified by IE7 Difference between 6 and FF: Background: orange; Background: blue; The difference between IE6 and IE7: Background: green! Important; Background: blue; Difference between IE7 and FF: Background: orange; Background: green; Difference between FF, IE7, IE6: Background: orange; Background: green! Important; Background: blue; IE7 and IE8 compatibility: meta HTTP - equiv = x-ua-compatible content = IE = EmulateIE7 / The conditional comments for Internet explorer ! -- other browsers -- link rel = stylesheet type = text/CSS href = CSS.css / ! [if IE 7] ! - suitable for IE7 - - link rel = stylesheet type = text/CSS href = ie7. CSS / ! [endif] -- ! [if lte ! - suitable for IE6 and - link rel = stylesheet type = text/CSS href = .css / ! [endif] -- Several browsers explain the actual pixels IE/Opera: the actual width of the object = (margin - left) + width + (margin - right) The actual width of the Firefox/Mozilla: object = (margin - left) + (border - left - width) + (padding - left) + width + (padding - right) + (border - right - width) + (margin - right) Mouse gestures: FireFoxs cursor attribute does not support hand, but supports pointer, IE both supports it. So you use pointer for compatibility When the Style attribute of the HTML tag is set in FireFox, all the positions, width, and dimensions must be followed by px, and IE also supports this method, so the unit is added to the px unit. Like obj. Style. Height = imgob.style. FireFox cant parse the abbreviated padding properties, such as padding 5px, 4px, 3px, and 1px. You have to switch to the padding. Padding - right: 4 px; Padding - bottom: 3 px; Padding - left: 1 px0; When the indentation of a list such as ul and ol is removed, the style should