IE compatibility (summary)

	Problem	Browser	Demo	Solution
1	Input [button | submit] cannot use margin: 0 auto; center	Ie8	Bug | fixed	Add width for input
2	Body {overflow: hidden;} does not remove the scroll bar	Ie6/7	Bug | fixed	Set html {overflow: hidden ;}
3	Haslayout label height	Ie6/7	Bug | fixed	* Height: 0; _ Overflow: hidden;
4	When the form> [haslayout] element has margin-left, the [input | textarea] in the child element shows 2 × margin-left	Ie6/7	Bug | fixed	Form> [haslayout element] {margin-left: width ;} Form div {* margin-left: width limit 2 ;}
5	When border-width has one <three sides and is set to dotted, the 1px side dotted is displayed as dashed.	Ie7	Bug | fixed	Dotted of different widths is not used on the same element
6	When the sub-element is position: relative, setting overflow: [hidden | auto] for the parent element is equivalent to setting position: visible for the sub-element;	Ie6/7	Bug | fixed	Set position: relative for the parent element;
7	: Hover pseudo classes cannot change the left/top values of sub-level elements with position: absolute	Ie7	Bug | fixed	Set the top/left value to all the hundred values except 0%, or add a margin-[all directions] to all values except 0, including 0%
8	: The focus + selector {} selector is invalid.	Ie8	Bug | fixed	Add an empty selector after the invalidation selector: focus {}
9	Chaotic float in the list: when an image is floating in the list, the image overflows to a normal location; or there is no list-style	Ie8	Bug | fixed	Replace list-style with the background image
10	Th does not automatically inherit the text-align of the upper-level element.	Ie8	Bug | fixed	Add text-align: inherit to th;
11	The maximum number of styles (including link/style/@ import (link) can be: 32.	Ie6-8	-Common sense	In 99.99% cases
12	: If the background-color is # fff during hover, it is invalid.	Ie7	Bug | fixed	Change background-color to background. Or, not # fff | # ffffff
13	The commented selector after '>' is ignored: selector>/**/selector {}	Ie7	Bug | fixed	Incorrect official demo
14	* Html	Ie6	-Hack	Valid only for ie6
15	The color in the png image is the same as that in the background color, but different values are displayed.	Ie6-7	Bug | fixed	Remove gamma profiles from images using pngcrush
16	Margin: 0 auto; the block element cannot be horizontally centered.	Ie6-8	Bug | fixed	Add a width to the block element
17	Use the pseudo class: first-line |: first-letter. The attribute value appears! Important will invalidate the attribute	Ie8	Bug | fixed	! Important is edevil, don't use it anymore
18	: First-letter is invalid.	Ie6	Bug | fixed	Move: first-letter to the closest place to {}, such as h1, p: first-letter {}, rather than p: first-letter h1 {}
19	Position: absolute element, a display: block. When it is not: hover, only the text can be clicked.	Ie6/7	Bug | fixed	Add background to a. If the background is transparent, use background: url ('cached file links on any page'). We do not recommend background: url (#) [Official solution], because it will add an http request
20	The float list elements are not horizontally aligned: li does not set float, a Sets display: block, float: [direction], and li does not horizontally align.	Ie6/7	Bug | fixed	Set display: inline or float: [direction] for li
21	Invalid dt, dd, and li background	Ie6	Bug | fixed	Dt, dd, li {position: relative ;}
22	<Noscript/> The style of the element is displayed when the webpage special effect is enabled.	Ie6-8	Bug | fixed	Add display: none to <noscript/> using js;
23	The transparency part of the transparent background image processed using the filter cannot be clicked.	Ie6-8	Bug | fixed	Convert background: none to background: url ('link') to link to any file other than itself and the image.
24	Elements in li deviate from baseline to drop-down	Ie8	Bug | fixed	Set display: inline or float: [direction] for li
25	List-style of li in the list is not displayed	Ie6/7	Bug | fixed	Add margin-left to li and leave space for display (not to ul)
26	The image cannot be vertically centered.	Ie6/7	Bug/fixed	Add an empty tag and assign it to "layout", for example, display: inline-block;
27	You cannot customize pointer styles.	Ie6-8	Bug | fixed	Set absolute path for pointer file
28	Background overflow. The scroll bar is displayed normally after being dragged.	Ie6	Bug | fixed	Add overflow: hidden to the parent element to prevent overflow and assign haslayout. If _ zoom: 1 is added;
29	The height exceeds the height defined by height.	Ie6	Bug/fixed	Add _ overflow: hidden; (recommended) or _ font-size: 0;
30	The width exceeds the width defined in width.	Ie6	Bug/fixed	Add _ overflow: hidden;
31	Double margin	Ie6	-Common sense	Add display: inline to the float element
32	Hidden negative margin values: Non-haslayout elements in the parent element of haslayout. When the negative margin is used, the parts beyond the parent element are invisible.	Ie6/7	Bug/fixed	Remove the haslayout of the parent element; or assign haslayout to the child element and add position: relative;
33	Set the text of one of the two floating elements to italic, and the other to drop down under the italic text element.	Ie6	Bug/fixed	Add overflow: hidden to elements with italic text;
35	3px interval: the element after the float element has a 3px interval.	Ie6	Bug/fixed	Because it is 3px, use "brute force cracking", such as _ margin-left:-3px;
35	Text-align affects block-level elements	Ie6/7	Bug/fixed	Sort your float, or set text-align separately.