IE8 Transparent PNG issue

Question

Я пытаюсь отобразить прозрачный PNG в качестве фонового изображения (на самом деле загрузочное изображение) на моей странице.

Теперь я хочу отображать его с меньшей непрозрачностью. Но он не отображается правильно (отображает с некоторыми краями вокруг изображения)

Я знаю, что это можно исправить добавлением атрибута background-color.

Но есть ли другой способ исправить это. Я пробовал различные атрибуты фильтра Microsoft ... как

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
    opacity: 0.1; 

Но не помогает.

Answer 1

Используйте этот код вместо этого. Помните, что он должен быть в том же порядке!

LIVE DEMO (WORKS EVEN FOR IE6)

.box:hover 
{ 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
    filter: alpha(opacity=10); 
    -moz-opacity: 0.1; 
    -webkit-opacity: 0.1; 
    opacity: 0.1; 
}