CSS Неправильная загрузка

Question

Следующий CSS вызывает головные боли для меня. Он работает на локальном сервере (IE), но не в любом другом браузере. После добавления этого ни один из моих CSS не работает.

txtBlock { 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
    background: #2d2f33; 
    display: block; 
    height: 100%; 
    overflow: auto; 
    position: fixed; 
    right: -20em; 
    font-size: 15px; 
    top: 0; 
    width: 20em; 
    z-index: 2000; 
    transition: right 0.6s ease-in-out 0s; 
    -webkit-transition: right 0.6s ease-in-out 0s; 
    -moz-transition: right 0.6s ease-in-out 0s; 
    -o-transition: right 0.6s ease-in-out 0s; 
    opacity: .92; 
    text-shadow:-9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
    -webkit-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
    -moz-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
    -o-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
    -ms-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 

    } 

Если я перевернуть его, как это:

text-shadow:-9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
-webkit-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
-moz-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
-o-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
-ms-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 

Это не работает в любом браузере. Я предполагаю, что это проблема, потому что она работала до добавления кода.

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

Answer 1

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

• первое значение = X-координата
• второе значение = Y-координата
• третье значение = радиус размытия
• четвертое значение = цвет тени

Если вы измените CSS ВГА е только 3 значения до цвета он должен работать:

text-shadow:-9px 9px 2px rgba(0, 0, 0, 0.5); 
-webkit-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5); 
-moz-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5); 
-o-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5); 
-ms-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5); 

Example

More info about text-shadow