CSS完美兼容IE6IE7FF的通用方法(国外英语资料).doc

CSS完美兼容IE6IE7FF的通用方法(国外英语资料) About CSS for each browser compatibility is the age-old question, tutorial and the land is on the network. The following content is not too much novel, is purely personal summary, hope to have certain help for beginners. One, the HACK, HACK concept: Different browser, Internet Explorer 6, for example, Internet Explorer 7, Mozilla Firefox, analytical understanding of CSS is different, thus causes a generated page, page can not get what we need. This time we need for different browsers to write different CSS, make it compatible with different browser, at the same time in different browser page effect of also can get what we want. This process of writing different CSS code for different browsers, called CSS hack, HACK rules: IE can recognize *; The standard browser (such as FF) cannot recognize *; IE6 can recognize *, but cant recognize! Important, IE7 can recognize *, can also recognize! Important; FF cannot recognize *, but can recognize! Important; IE6 IE7 FF Square root of square root of x ! The important square root of the square root of Browser priority: FF IE7 IE6, CSS hack is written in the order of FF IE7 IE6 Ex. : For example: # demo {width: 100px;} for example; # demo {width: 100px; } * HTML # demo {width: 120px; } * + HTML # demo {width: 130px; } -- -- -- -- -- -- -- -- -- -- So finally, the width of the # demo is explained in three browsers: FIREFOX: 100 px; 6:120 px; 7:130 px; In order to The next two approaches will almost certainly solve all of todays hacks. 1,! important With IE7 on! Important support! The important method is now only for the HACK of IE6. The style # wrapper { Width: 100 px! Important; Width: 80 px; } / style 2, 6 / IE77 to FireFox * + HTML and * HTML are the unique tags for Internet explorer, while firefox is not currently supported. The style # wrapper { # wrapper {width: 120px; } * HTML # wrapper {width: 80px; } * + HTML # wrapper {width: 60px; } } / style Note: * + HTMLs HACK to IE7 must ensur