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