Ie css bug list

Problem	Browser	DEMO	Solution
Hacking Rules: Property: all-ie \ 9; property: gte-ie8 \ 0; * property: lte-ie7; + property: ie7; _ property: ie6;
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; (included in base.css) 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 {}	IE6	Bug | fixed	[Official misjudgment] This bug is IE6.
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;((included in base.css)
22	<Noscript/> the style of the element is displayed when javascript 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; or use the. sl-word-break class in alice v3 (table uses. sl-table-break)
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;
34	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.