I originally wanted to write a summary about IE bugs, but I found that IE bugs generally exist in IE5, IE6, and IE7, which are all very old browsers. Moreover, these bugs are quite troublesome to test. There are some deviations in the document mode selection of IEtester and IE10. The most accurate way is to install the system test on a virtual machine. The most important reason is that the current web development IE5 basically does not After considering it, IE6 and IE7 are about to completely withdraw from the stage of history. Generally, websites will detect the browser version and prompt users to upgrade the browser, so the chance of encountering these bugs in current development is very low.
The reason why I want to summarize is because occasionally during the learning process, some blogs or books will involve these bugs, and some companies even like to pick these out in their written exams to test your understanding of CSS. Deep enough. So I decided to go online and find some good resources to learn based on the principle of people planting trees and letting others enjoy the shade. Xunmimi finally found Webmaster Desert’s browser compatibility journey on W3C Plus. There are four articles in total. The summary is relatively systematic and readable. Let’s use this as the main resource for learning. The links are as follows:
The first stop on the browser compatibility journey: How to create conditional styles
The second stop on the browser compatibility journey: Each browser Hack writing method of browser (for more comprehensive information, please refer to Kui Zhongjian’s CSS Hack Table)
The third stop on the browser compatibility journey: IE common bugs??part1
Table of contents Structure :
Ten classic causes of bugs
1. The bug of double margin of floating elements
2. Overcoming the bug of Box Model
3. Set the minimum height and minimum width of the element
4. Horizontally center the block element
5. Staircase bug in list li
6. li white space
7. The micro-height of elements cannot be set under IE6
8. Collision between overflow:auto and position:relative
9. Dislocation of floating layers
10. Peek-a-boo under IE6
The fourth stop on the browser compatibility journey: IE common bugs??part2
Directory structure :
IE bug handling
1. IE6 clone text bug
2. Image scaling bug under IE
3. PNG image transparency bug under IE6
4.
