CSS файлы для браузеров EDGE и IE

CSS файлы для браузеров EDGE и IE

Браузерами EGDE и Internet Explorer по статистике пользуется не больше 5% людей. Но иногда заказчик требует сделать его сайт кроссбраузерным.

CSS хаки из интернета у меня не срабатывают, потому что я криворукий.
Поэтому я использую вот такой скрипт. Размещать его следует перед закрывающим тегом head:

    <script language="JavaScript">
        var isIE  = false || !!document.documentMode;
        if(isIE) document.write("<link rel='stylesheet' href='../css/ie.css' type='text/css'>");
    
        if (document.documentMode || /Edge/.test(navigator.userAgent)) &#123;
            document.write("<link rel='stylesheet' href='../css/edge.css' type='text/css'>");
        &#125;
    </script>

Этот скрипт определяет, с какого браузера сидит пользователь. Если он сидит с IE, то подключается отдельный файл стилей ie.css. Аналогично подключается отдельный файл стилей для Edge.

Скрипт тестировал на разных сайтах. Для Edge срабатывает каждый раз исправно. Для IE работает, но не для всех версий этого браузера.

Не забудьте поменять путь к css файлам на 3 и 6 строчке.