There are already a lot of similar records on the Internet. Here we write a simple record for the problems we encounter in the project, which will be updated continuously in the future.
1. IE67 border-bottom fails to use a tag. If you want to use this label, a horizontal bar is displayed below. I used border-bottom to make an effect, IE6 7 can be displayed only after line-height is added, because there is no height,
2. IE6 margin-top fails to have a block-level element, triggering hasLayout (for example, setting the width and height), and if the node at the same level next to it is absolute, this will invalidate the margin-top of this block-level element under IE6/IE7, and it looks like margin-top: 0. After setting the shortcut part as fixed, the following section uses absolute in IE6. I want to empty the shortcut in the div added below. You can only replace it with padding-top or insert an empty div 3 between absolute and this div. the height of the IE6 div is set to 1, but is displayed as 20. When the DIV is an empty label, the DIV has a default height (about 20 px ), if the value of hiehgt is smaller than this number, the DIV will not have any countermeasure. If the value is greater than this number, it can be controlled. line-height is useless here because there is no content, so there is no line height. When using overflow: hidden; 4. IE6, a static HTML webpage cannot be displayed normally because of incorrect <title> tag location. If the title tag is located in the front of the meta tag and is in IE6, The getElementById and getElementsByTagName of IE67 cannot be displayed normally. They do not distinguish the ID and name of the form element. When the parameter is * wildcard, the Comment node 6 is mixed. IE67 line-height is invalid when the text in a container is connected to elements such as img, input, textarea, select, and object, the line-height value set for this container is invalid; vertical-align: there is a gap between middle7.IE6 input and other labels, and there is a significant gap between span and input. Even if we set the input to margin: 0; padding: 0; All in all ways can only make the input floating share a IE6 behavior in the IE behavior in hand. rar can also download the http://download.csdn.net/download/loneleaf1/7466577 at this address
