Internet Explorer често е кошмарът на всеки уеб дизайнер. Ползват се всякакви conditional tags, CSS хакове, магии и заклинания, за да накарате някой блок от дизайна да си седи на мястото под IE.
Решение има, даже няколко, но в момента ще се спра на едно конкретно, което, скъпи уеб дизайнери, е полезно не само за вашата нервна система, но и за самите потребители, особено тези, които ползват дърта версия като IE7 например.
Решението (за добро или лошо) идва от Google. IE има най-различни енджини за рендване на уеб страниците, които чакат да им кажете да се активират, когато уеб страницата се зарежда. За целта има един метатаг „X-UA-Compatible“, които форсира зареждането на най-актуалния и подходящ за страницата енджин за рендване. Един конкретен енджин, наречен Chrome Frame. Той е добавка за IE 6, 7 и 8 (любимите ми гадове), която прави така, че браузъра да рендва и чете скриптове както го прави Chrome Browser. С други думи имате си Chrome, който изглежда като IE.
Идеята е да направите сайта си така, че когато посетителите го отварят с определени версии на IE, вместо сайта да им се активира инсталацията на Chrome Frame. Веднъж инсталирали Chrome Frame, посетителите ви ще могат да виждат сайта ви точно както той се вижда под Google Chrome браузъра.
Кодът
Необходимо е просто да сложите с copy-paste следния код в сайта си, непосредствено преди </head>:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--[if IE 7]>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style>
.chromeFrameInstallDefaultStyle {
width: 800px;
border: 5px solid #ccc;
z-index:1;
}
</style>
<div id="prompt">
<!-- if IE without GCF, prompt goes here -->
</div>
<script>
window.attachEvent("onload", function() {
CFInstall.check({
mode: "inline", // the default
node: "prompt"
});
});
</script>
<![endif]-->
Обърнете внимание на <!–[if IE 7]> в кода – това е conditional tag, които ще активира инсталацията на Chrome Frame САМО ако посетителите достъпват сайта през IE7. Може да смените числото на 6 или 8, според това, за коя версия на IE искате да се отнася.
Ако желаете да обхванете няколко версии вижте официалната документация тук
Comments (0)