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

58  •  Глава 2. Облачка с текстом


            Таблица 2.2. Поддержка свойства border-radius в браузерах
             IE             Firefox         Opera   Safari                    Chrome

             Да, начиная    Да, с префиксом   Да    Да, начиная с версии 5;   Да
             с версии 9     -moz-                   с префиксом -webkit-,
                                                    начиная с версии 4


            Три дополнительные строчки кода создают эффект скругленных углов во всех брау-
            зерах, за исключением IE 8 и более ранних версий (рис. 2.4). Эти версии IE попросту
                                            игнорируют перечисленные свойства и сохра-
               Вы заметили, что я все время   няют углы полей прямыми, не искажая страни-
               упоминаю первую главу? Если   цу. Это отличный пример прогрессивного усо-
               вы пропустили ее, пожалуйста,   вершенствования, о котором я подробно рас-
               вернитесь назад и прочитайте   сказала в первой главе. Поскольку сейчас речь
               прямо сейчас. Там говорится об   идет об исключительно декоративных эффектах,
               очень важных вещах.          пользователи IE нисколько не страдают от их
                                            отсутствия. Если вы не согласны с моим мнени-
                                            ем, читайте дальше.




























            Рис. 2.4. Свойство border-radius применено правильно


            Обходные пути для IE
            Если перед вами стоит задача в обязательном порядке создать эффект скругленных
            углов в IE 8 и более ранних версиях браузера, я советую использовать один из этих
            сценариев:


                                                        www.trk.kg
   53   54   55   56   57   58   59   60   61   62   63