IE box-shadow CSS не работает - PullRequest
       0

IE box-shadow CSS не работает

1 голос
/ 19 сентября 2011

На моем сайте [removed] У меня есть box-shadow для верхнего меню.Конечно, я хочу, чтобы это также отображалось в IE.

Итак, я применил этот код для IE8 и ниже:

zoom:1; /* This enables hasLayout, which is required for older IE browsers */
/* For IE 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color=’#444444’);
/* For IE 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color=’#444444’)”;

Но, как вы можете видеть на веб-сайте, это не так.не работаетЧто мне не хватает?Спасибо!

Ответы [ 2 ]

3 голосов
/ 19 сентября 2011

Ваши цитаты - это фигурные цитаты.Попробуйте вместо этого:

zoom:1; /* This enables hasLayout, which is required for older IE browsers */
/* For IE 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#444444');
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#444444')";

Я слышал хорошие отзывы об этой библиотеке JavaScript: CSS3PIE .

Кажется, что работает с IE6-9,и все, что вам нужно сделать, это добавить эту строку CSS к вашему элементу:

behavior: url(/PIE.htc);

Сценарий прочитает свойства CSS3 и отобразит их соответствующим образом.

1 голос
/ 19 сентября 2011

Вам не нужны кавычки для свойства color (вьющиеся или иные). Сними их, и я думаю, что ты должен быть в порядке. Итак

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, 
    Direction=140, Color=#444444);

Etc.

Проверьте пример здесь: http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx

EDIT

Вы также можете попробовать -ms-filter расширение

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(trength=5, 
        Direction=140, Color=#444444, positive=true)";
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...