IE применяет 2 фильтра к изображению AlphaImageLoader и альфа (непрозрачность = 60)

Question

Как я могу применить 2 фильтра к изображению, я применяю один такой:

<img id="theId" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale');" src="images/myimage.png">

Как подать заявку

фильтр: альфа (непрозрачность = 60);

а? Если я сделаю:

<img id="theId" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale');alpha(opacity=60);" src="images/myimage.png">

Не работает.

Я нашел решение, работающее на всех IE (7+) и браузерах: поместите img в div и примените прозрачность к div:

<div id="DIVIMG_myimage" style="opacity:0.6;width:100%;filter:alpha(opacity=60);"><img id="IMG_share_icon" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png', sizingMethod='scale') ;" src="myimage.png"></div>

Затем, чтобы изменить непрозрачность изображения, просто нужно изменить непрозрачность div DIVIMG_myimage ... тот же результат. : -)

Answer 1

Проблема с;разделитель между двумя фильтрами.Фильтры ограничиваются только символом пробела:

filter:
    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale')
    alpha(opacity = 60);

Обязательно активируйте hasLayout с увеличением: 1

Также путь к изображению в alphaImageLoader должен иметь абсолютный путь.

Iя вижу, что это старая запись, но может помочь другим людям, у которых возникла такая же проблема, и Google эту проблему.

Answer 2

фильтр: progid: DXImageTransform.Microsoft.AlphaImageLoader (src = 'images / myimage.png', sizingMethod = 'scale');фильтр: альфа (непрозрачность = 60);