Page 46 - Сила CSS3 Освой новейший стандарт
P. 46

46  •  Глава 1. Основная информация о CSS3

            <!--[if IE]>
            <link rel="stylesheet" href="ie_all.css" type="text/css">
            <![endif]-->

                                            При необходимости внутри специальной табли-
               Рекомендуется также с помощью   цы стилей можно использовать различные трю-
               условных комментариев ограни-  ки, позволяющие «скармливать» определенные
               чивать загрузку сценариев для   правила определенным версиям IE. Однако с уче-
               починки IE, подобных тем, что   том скорого появления версии IE 9, которая, как
               перечислены в начале раздела,
               только различными версиями   ожидается, будет намного лучше поддерживать
               браузера IE. Это нужно для того,   стандарты, стоит сделать так, чтобы она не пыта-
               чтобы остальные браузеры не за-  лась загружать вашу таблицу стилей с трюками.
               гружали совершенно ненужный   Для того чтобы избежать этого, структурируйте
               им сценарий.                 условные комментарии особым образом, огра-
                                            ничивая применение версией IE 8:
            <!--[if lte IE 8]>
            <link rel="stylesheet" href="ie_lte8.css" type="text/css">
            <![endif]-->

            Символы lte в условном комментарии означают «less than or equal to» — меньше
            или равно. Другие возможные значения: lt (less than — меньше), gte (greater than
            or equal to — больше или равно) и gt (greater than — больше).

            Также есть вариант вместо ссылки на одну таблицу стилей для IE использовать
            несколько условных комментариев и загружать разные таблицы стилей в разные
            версии IE, требующие определенных исправлений:
            <!--[if IE 6]>
            <link rel="stylesheet" href="ie_6.css" type="text/css">
            <![endif]-->
            <!--[if IE 7]>
            <link rel="stylesheet" href="ie_7.css" type="text/css">
            <![endif]-->
            <!--[if IE 8]>
            <link rel="stylesheet" href="ie_8.css" type="text/css">
            <![endif]-->
            Таким образом, вы избегаете необходимости добавлять трюки во все таблицы сти-
            лей, но за счет небольшого усложнения поддержки.














                                                        www.trk.kg
   41   42   43   44   45   46   47   48   49   50   51