Просто поместите тень после непрозрачности и добавьте пробел между ними. Это так просто, как могло бы быть.
я есть несколько изображений (перед моим bachground-изображением) с низкой непрозрачностью (формат png), и все было хорошо в ie8 и firefox, пока я не добавлю pie.htc (или border-radious.htc из кода Google) для закругленных углов & Shadow Box в ie8 ...
после добавления pie.htc:
behaviour : url(pie.htc);
и добавив следующие коды:
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow: 5px 5px 20px red;
-moz-box-shadow: 5px 5px 20px red;
-webkit-box-shadow: 5px 5px 20px red;
прозрачность моих изображений исчезла ...
я протестировал его с помощью простого html-проекта и выяснил, когда мы используем теневую рамку в ie 8 (просто ie8 & ff в порядке), тень заполняет весь наш элемент, поэтому непрозрачность уменьшается.
Как я могу исправить эту проблему тени + непрозрачности?
================================================== ===
МОЙ ВОПРОС В ДРУГОМ СПОСОБЕ:
КАК МЫ МОЖЕМ СОЧЕТАТЬ НИЖЕ КОДЫ ДЛЯ IE8 (с сохранением непрозрачности):
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";//opacity
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);//opacity
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc)";//shadow
заранее спасибо