Do you know the ultimate CSS compatibility solution for IE7 IE8 officially recommended by Microsoft? I 'd like to share with you here, all web page makers want their own web pages to be perfectly compatible with all mainstream browsers, including IE6, IE7, IE8, Firefox, opera, Safari, chrome, etc!
The ultimate CSS compatibility solution for IE7 IE8 -- officially recommended by Microsoft
All web page makers want their own web pages to be perfectly compatible with all mainstream browsers, including IE6, IE7, IE8, Firefox, opera, Safari, chrome, etc! However, our website creation must also meet China's national conditions. So I generally only consider IE6, IE7, and friefox browsers! These browsers all have their own dedicated csshack, so that we can do a good job of compatibility. IE8 has been updated to beta2, but the ie8hack method still cannot be found online! Now let's share this non-CSS ie8hack!
By default, IE8 uses its latest "standard mode" to display webpages. Therefore, when you use IE8 to browse webpages, you may encounter the following problems:
◆ The webpage layout is not neat
◆ Text or image overlapping
◆ JavaScript function problems or errors
The Internet Explorer 8 hack officially published by Microsoft adds a specific meta tag to the header of the webpage, and forces Internet Explorer 8 to display the webpage like Internet Explorer 7.
- <Metahttp-equivMetahttp-equiv= "X-UA-compatible"Content="IE=Emulateie7"/>
The following example shows how to mark the IE7 compatibility mode based on each page:
Below isCodeFragment:
-
- <Html>
-
- <Head>
-
- <! -- Useie7mode -->
- <Metahttp-equivMetahttp-equiv= "X-UA-compatible"Content="IE=Emulateie7"/>
-
- <Title>Mywebpage</Title>
-
- </Head>
-
- <Body>
- <P>Contentgoeshere.</P>
-
- </Body>
-
- </Html>
-
- /* Cssstyle */only recognized by IE8