Quick Drop Shadow CSS вопрос для ie8 не работает - PullRequest
3 голосов
/ 26 мая 2011

Просто простой вопрос, этот код CSS не будет работать в ie8 для тени, есть идеи, почему он не будет работать?

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);

Ответы [ 2 ]

3 голосов
/ 27 мая 2011

Я не уверен, что это ошибка IE8, но если вы добавите background-color, то , похоже, будет работать как положено .

В Chrome удаление background-color оставляет тень, но в IE8 текст наследует тень и выглядит ужасно. Если у вас есть сплошной фон, вы можете подобрать фон на элементах, на которые вы хотите поместить тень. К сожалению, transparent приводит к той же проблеме в IE8.

0 голосов
/ 23 июня 2011

Задание ширины элемента с помощью фильтра теней исправило аналогичную проблему для меня.

...