En la hoja de estilo asociada se le asigna el filtro Emboss como una clase asociada a dicho contenedor:
#containerEmboss1{
-ms-filter: "progid:DXImageTransform.Microsoft.Emboss(enabled=true)";
filter: progid:DXImageTransform.Microsoft.Emboss(enabled=true);
}
Y en el HTML se pone la imágen o el objeto que deseemos dentro del contenedor con la clase asociada:
<div id="containerEmboss1" >
<img src="images/vela.gif" alt="Aspecto con Filtro Emboss" />
</div>
Por último, se puede embeber el filtro dentro del código HTML del elemento (mediante style):
<div class="ejAreas1"
style="width: 90%;
-ms-filter: 'progid:DXImageTransform.Microsoft.Emboss(enabled=true)';
filter: progid:DXImageTransform.Microsoft.Emboss(enabled=true)">... </div>
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="containerEmboss1" src="images/vela.gif" alt="Aspecto con Filtro Emboss" /></div>
Nota: Recordar que all estar entre las comillas dobles de style, las comillas que se utilizan para definir el filtro deben ser simples.
|