En la hoja de estilo asociada se le asigna el filtro Light como una clase asociada a dicho contenedor:
#containerLight1{
width: 90%;
-ms-filter: "progid:DXImageTransform.Microsoft.Light(enabled=false)";
filter: progid:DXImageTransform.Microsoft.Light(enabled=false);
}
Y en el HTML se pone la imágen o el objeto que deseemos dentro del contenedor con la clase asociada:
<div id="containerLight1" >
<img src="images/vela.gif" alt="Aspecto con Filtro Light" />
</div>
Por último, se puede embeber el filtro dentro del código HTML del elemento (mediante style):
<div style="width: 90%;
-ms-filter: 'progid:DXImageTransform.Microsoft.Light(enabled=false)';
filter: progid:DXImageTransform.Microsoft.Light(enabled=false);"> ... </div>
Al estar entre las comillas dobles de style, las comillas que se utilizan para definir el filtro deben ser simples.
Recordar que sólo en el caso de las imágenes no es necesario ponerlas dentro de un contenedor, sino que pueden tener el id directamente asociado:
<img id="containerLight1" src="images/vela.gif" alt="Aspecto con Filtro Light" /></div>
|