Ie css bug list

Source: Internet
Author: User
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.
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.