• 1. Png24-bit images appear in the background on IE6

    • Solution: Make it PNG8

  • 2. Browser default margin and padding are different

    • Solution: Add a global{margin: 0; padding: 0; }To unify

  • 3. Ie6 double margin bug: After the block property tag float, there is a margin situation, in IE6 display margin larger than the set. Float: left; float: left; width: 10px; margin: 0 0 0 100px; In this case ie will create a distance of 20px

    • Solution: Add in the label style control for float_display: inline;Convert it to an inline property.

  • 4. In IE, you can obtain a custom attribute using the method of obtaining a general attribute or using getAttribute() to obtain a custom attribute. In Firefox, you can only use getAttribute() to obtain custom attributes

    • Workaround: Agree to get custom attributes using getAttribute()

  • 5. In IE, the even object has x and y attributes, but no pageX and pageY attributes. In Firefox, the Event object has pageX and pageY properties, but no x and y properties.

    • Workaround :(conditional comment) confirm that additional HTTP requests may be added under Internet explorer

  • – Add CSS properties -webkit-text-size-adjust: None – Add CSS properties -webkit-text-size-adjust: None; To solve

  • 7. After the visit to the hyperlink, the hover style will not appear, the visited hyperlink style will not hover and active.

    • Solution: change the order CSS properties: L – V – H – A ‘- > link, visited, hover and active

  • 8. 1 px Gao Qingbing border pixels problem (window. DevicePixelRatio = 1 | 2 | 3 – > 2 – > if it is CSS 1 px run – > 2 px), requirements: Hope in 2 | 3 – > 1 px border is still 1 px?

      1. If – > devicePixelRatio | @ media judgment – > 2 – > if it is border:. 5 px, 333333 px (iOS8 +)
      1. Border – image | background – image – > among them 1 px is transparent
      1. C3 attribute transform: scale. (5)
      1. C3 attribute box-shadow gradient
    • . , etc.