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 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; |
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. |