Браузър префикси
Пълен достъп до курса: Не
За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.
Защо са нужни браузър префиксите и кога да ги използваме
Различните браузъри понякога имплементират новите CSS свойства по различен начин. Когато даден стил все още не е напълно стандартизиран от W3C, той може да работи само с т.нар. браузър префикс. Най-важното: добавяйте префиксите преди стандартното свойство, а накрая оставяйте оригиналния ред без префикс, за да гарантирате максимална съвместимост.
В примера с transform Safari не прилага трансформацията без префикс. Решението е да добавим ред с префикс -webkit-, за да се визуализира коректно елементът.
Как да приложите браузър префикс (пример с transform)
- Намерете CSS свойството, което не работи коректно във всички браузъри (например
transform). - Добавете същото свойство с префикс за съответния браузър, например
-webkit-transform. - Оставете стандартния ред без префикс след него.
- Подредете префиксите първи, а стандартното свойство – последно.
- Тествайте страницата в различни браузъри.
Така браузърите с частична поддръжка ще използват префикса, а тези с пълна поддръжка – стандартното свойство, което ще „override“-не предходния ред.
Основни браузър префикси
-webkit-– Chrome, Safari, Android, iOS-moz-– Firefox-ms-– Internet Explorer-o-– Opera
Практиката показва, че с развитието на стандартите нуждата от префикси намалява, но е важно да знаете как и защо се използват.
