IE11 - полизаливка / сценарий существуют для переменных CSS?
Я разрабатываю веб-страницу в смешанной среде веб-браузера (Chrome/IE11). IE11 не поддерживает переменные CSS, есть ли полизаливка или сценарий, который существует, который позволил бы мне использовать переменные CSS в IE11?
61
задан R. StackUser
26 September 2017 в 18:02
поделиться
1 ответ
Эта полизаливка включает почти полную поддержку Пользовательских Свойств в IE11:
https://github.com/nuxodin/ie11CustomProperties
, Как это работает
сценарий, использует то, что IE имеет минимальную пользовательскую поддержку свойств, где свойства могут быть определены и считаны с каскадом в памяти.
.myEl {-ie-test:'aaa'} // only one dash allowed! "-"
затем читает его в JavaScript:
getComputedStyle( querySelector('.myEl') )['-ie-test']
Функции от README:
- дескрипторы динамическое добавленное содержимое HTML
- дескрипторы, динамичные добавленный
<style>,<link>- элементы- объединение в цепочку
--bar:var(--foo)- нейтрализация
var(--color, blue)- : фокус: цель: парение
- js-интеграция:
style.setProperty('--x','y')style.getPropertyValue('--x')getComputedStyle(el).getPropertyValue('--inherited')- Встроенные стили:
<div ie-style="--color:blue"...- каскадные работы
- работы наследования
- под 3k (min+gzip) и без зависимости
Демонстрация:
19
ответ дан Tobias Buschor
31 October 2019 в 15:54
поделиться