سازگاری با اینترنت اکسپلورر 8 - 7 -6 Internet Explorer compatibility

[firoozmandan]

سلام

روی قالب سایت جدید مامبولرن کار میکردم به مشکلی در z-index برخوردم .با z-index در اینترنت اکسپلورر 8 به مشکل برخوردم . هر چند گفته میشه در نسخه بتا این مشکلات هست و در نسخه استیبل مشکل حل شده ! اما باز در نسخه استیبل مشکل مشاهده میشه .
البته این مشکل با کلیک روی compatibility view در Internet Explorer 8 حل میشد اما نمیشد به همه کاربرها گفت که باید روی compatibility view کلیک کنند .

این بود که شروع به جستجو برای حل این مشکل کردم . و در نهایت به تگی برخوردم که خیلی از مشکلات رو به راحتی حل میکنه .

تا حالا شده قالبی که درست کردید و در IE 7 به درستی لود میشه ، در IE8 به مشکل بخوره ؟
آیا شده بخوایید بدون اینکه کاربر روی گزینه compatibility view کلیک کنه مشکل سایت حل بشه ؟

با استفاده از متا تگ زیر شما میتونید به IE8 بگویید سایت رو با خاصیت IE7 نمایش بده
یا به صورت پیشفرض compatibility view فعال باشه
یا ....

[ltr]
Understanding Content Attribute Values

The content attribute is flexible in that it accepts values other than the ones described previously. This allows you greater control over the way Internet Explorer displays your Web pages. For example, you can set the content attribute to IE=7.5. When you do this, Internet Explorer attempts to convert the value to a version vector and selects the mode closest to that result. In this case, Internet Explorer would be set to IE7 mode. The following examples show the modes selected for other values when there are no other mitigating factors.

<meta http-equiv="X-UA-Compatible" content="IE=4">  <!-- IE5 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=7.5" > <!-- IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=100" > <!-- IE8 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=a" >  <!-- IE5 mode --> 

<!-- This header mimics Internet Explorer 7 and uses 
   <!DOCTYPE> to determine how to display the Web page -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

Note The previous example shows the results of individual content values. In practice, Internet Explorer only respects the first X-UA-Compatible header in a Web page.

You can also use the content attribute to specify multiple document compatibility modes; this helps ensure that your Web pages are displayed consistently in future versions of the browser. To specify multiple document modes, set the content attribute to identify the modes you want to use. Use a semicolon to separate each mode.

If a particular version of Internet Explorer supports more than one requested compatibility mode, it will use the highest available mode listed in the header's content attribute. You can use this fact to exclude specific compatibility modes, although this is not recommended. For example, the following header excludes IE7 mode.

<meta http-equiv="X-UA-Compatible" content="IE=5; IE=8" >

Controlling Default Rendering

When Internet Explorer 8 encounters a Web page that does not contain an X-UA-Compatible header, it uses the <!DOCTYPE> directive to determine how to display the page. If the directive is missing or does not specify a standards-based document type, Internet Explorer 8 displays the page in IE5 mode (quirks mode).

If the <!DOCTYPE> directive specifies a standards-based document type, Internet Explorer 8 displays the page in IE8 mode, except in the following cases:

*

Compatibility View is enabled for the page.
*

The page is loaded in the Intranet zone and Internet Explorer 8 is configured to pages in the Intranet zone in Compatibility View.
*

Internet Explorer 8 is configured to display all Web sites in Compatibility View.
*

Internet Explorer 8 is configured to use the Compatibility View List, which specifies a set of Web sites that are always displayed in Compatibility View.
*

The Developer Tools are used to override the settings specified in the Web page.
*

The Web page encountered a page layout error and Internet Explorer 8 is configured to automatically recover from such errors by reopening the page in Compatibility View.

[/ltr]


سعی کردم مشکل رو به زبون ساده بیان کنم . این تگ بقدری کاربردی بود که نمیشد ازش گذشت .
امیدوارم به دردتون بخوره
یا علی

منبع : msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx