İnternet explorer 4 ve üstü tarayıcılarda çalışan bir özellik. Nesnelere istediğiniz miktarda saydamlık verebilirsiniz. Başlık resminden internet explorer tarayıcısında ortaya çıkan farkı görebilirsiniz. Soldaki resim opacity=0.5 sağdaki resim orjinal hali. Aşağıda verdiğim örnek kodu bir html dosyasına atıp internet explorer tarayıcısında inceleyilirsiniz. Opacity filtresinde girebileceğiniz değerler 1 ve 0.01 arasıdır. Ama ayarı 0.01 olarak ayarlarsanız ekranda opacity değeri verdiğiniz nesnemiz görünmeyecektir.
Örnek Kod :
<DIV ID="oFilterDIV" STYLE=" width:240px; height:160px; filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.5)"> <img src="http://mintik.com/wp-content/uploads/2011/03/asagi.png" alt="" height="160" width="240" border="0"> </DIV>