Набор Кроссбраузерных Свойств Css3.

Добрый день, союзники! Мне как верстальщику каждый день приходится сталкиваться с различными свойствами CSS3, которые, нравится мне это или нет, приходится использовать, чтобы они корректно отображались во всех современных и несовременных браузерах.

Конечно, у меня собрана некая библиотека, которую я использую при создании различных проектов.

Свою коллекцию я собирал с различных ресурсов и форумов, на бескрайних просторах Интернета, поэтому неудивительно, если кто-то уже сталкивался с чем-то отдельно.

Возможно, опытным представителям нашей профессии этот пост не будет интересен, а вот более молодым и неопытным он может оказаться полезным.

От старших товарищей, в свою очередь, хотелось бы получить комментарии о недостатках, которые могут здесь присутствовать, и важных моментах, которые, наоборот, здесь могут отсутствовать.

Чтобы CSS3 корректно работал во всех браузерах, вам необходимо использовать некоторые внешние библиотеки.

1. Прогрессивный Internet Explorer или PIE – помогает версии IE 6+ стать умнее и распознавать свойства CSS3. Во всяком случае, его декоративная часть.

Вы можете скачать его здесь .

Из этой библиотеки нам понадобится файл PIE.htc, который необходимо поместить в ту же директорию, что и файл стилей, из которого мы его потом и подключим.

Есть и минусы: эта библиотека сильно нагружает старые браузеры, поэтому использовать ее следует в крайнем случае и лучше предоставить пользователю упрощенную версию веб-страницы.

2. jQuery.textshadow. — учит тот же IE ниже версии 9 использовать свойство text-shadow. Для корректной работы необходимо использовать Модернизр и вообще я jQuery .

Также стоит отметить, что эта библиотека, как и PIE, сильно нагружает старые браузеры, и использовать ее лучше в крайнем случае.

Вы можете попробовать сделать тень, используя псевдоэлементы.

3. Селективизр — js-библиотека, которая научит IE 6-8 псевдоклассам, псевдоэлементам и селекторам стандартов CSS 2.1 и CSS 3. Кстати, для работы вам также необходимо использовать Modernizr, или другую библиотеку.

Подробнее Здесь .

Собственно, после всех приготовлений можно перейти непосредственно к свойствам CSS3, которые мы будем мокить.

Закругленные края или радиус границы

   

 .

border-radius { 
   border-radius: 

   

• Dynamics Gp Что Делать, Если Вам Нужно Индивидуальное Программирование

  19 Oct, 24

• Ismashed — Сервис Для Вызова Мастера По Ремонту Смартфонов Apple

  19 Oct, 24

• Как Стать Хорошим Менеджером? 4 Способа Восполнить Пробел В Управленческих Навыках

  19 Oct, 24

• Колония. Глава 2: Ответ На Сигнал Бедствия

  19 Oct, 24

• Udpxy На Сервере Провайдера

  19 Oct, 24

• Ces2015: Обновление Линейки Lenovo Thinkpad

  19 Oct, 24

• Чем Опасны Дешевые Глушители Gps?

  19 Oct, 24

• Java & Postgresql – Встреча С Альваро Эрнандесом, Санкт-Петербург

  19 Oct, 24

• Мой Вклад В Коптостроение

  19 Oct, 24

• Как Мы Строили Экосистему Data Science В Россельхозбанке

  19 Oct, 24