Text-Shadow IE-9

У меня есть атрибут text-shadow CSS3, который работает для IE11, Google Chrome, Safari и Firefox. Возможно ли преобразовать значение текстовой тени в IE9 «совместимо»? Я хочу иметь IE9, чтобы иметь тот же эффект, как IE11, Google Chrome, Safari и FirefoxText-Shadow IE-9

.title { 
    text-shadow: 0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 0 5px 0 #aaa, 
    0 6px 1px rgba(0, 0, 0, 0.1), 
    0 0 5px rgba(0, 0, 0, 0.1), 
    0 1px 3px rgba(0, 0, 0, 0.3), 
    0 3px 5px rgba(0, 0, 0, 0.2), 
    0 5px 10px rgba(0, 0, 0, 0.25), 
    0 10px 10px rgba(0, 0, 0, 0.2), 
    0 20px 20px rgba(0, 0, 0, 0.15); 
}

источник

2015-09-10 DANLEE

Благодарим за разделение статьи. Я видел эту статью раньше. Но «фильтр» не имеет нескольких значений для создания того же эффекта, что и IE11, Google Chrome, Safari и Firefox. – DANLEE

Я не думаю, что есть шанс реализовать текстовую тень, подобную этой, в IE9. Поэтому подумайте о грациозной деградации. –

это объясняется здесь: https://stackoverflow.com/a/6905713/1165121 IE 6-9 использует свой собственный специальный метод фильтра.

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

источник

2015-09-10 00:31:44

О вашем втором заявлении: http://www.w3.org/wiki/Graceful_degradation_versus_progressive_enhancement – vals

Я думаю, вы можете попробовать http://css3pie.com/, который является в основном уровнем совместимости для CSS3 в старых версиях IE. Например:

.title { 
    text-shadow: <whatever>; 
    behavior: url(path/to/pie_files/PIE.htc); 
}

источник

2015-09-10 00:32:00

Спасибо, Андрей. Приятно знать! Однако, согласно http://css3pie.com/documentation/q-and-a/, он поддерживает только тень, а не текстовую тень. – DANLEE

также обратите внимание, что это должен быть протокол: //absolute.path.webseite/pie_files/PIE.htc http://css3pie.com/documentation/known-issues/#relative-paths –

Вот некоторые из альтернатив, у вас есть:

Написать другую симпатичную макет C, который поддерживается старыми браузерами.
Используйте образы. Есть несколько конвертеров для преобразования текста в изображение, также возможны автоматические проспекты (с небольшим количеством работы)
Вы можете попытаться найти JS-SVG library with VML support и использовать его для создания изображений на лету. VML - это встроенный векторный графический формат старых, похожий на svg.

источник

2015-09-11 11:06:16

Text-Shadow IE-9

ответ

Смежные вопросы