2011-08-29 15 views
13

Para crear un gradiente lineal en Internet Explorer que solía adoptar este (horrible) código:Crear un degradado radial para Internet Explorer 6/7/8

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828', EndColorStr='#185976');

Me pregunto wether existe una manera de crear un gradiente radial usando filtro y DXImageTransoform?

Respuesta

33

Live Demo

#element{ 
    background: #fff; /* The color you want for the radial gradient */ 
    width:100px; 
    height:100px; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2); 
} 

Link where I got the info

de la parte radial

para el gradiente radial tenemos que crear un DIV-elementos. Este elemento es una superposición para el fondo. Que usaremos el Alpha-Filter. Alpha hará que este elemento sea transparente con un estilo especial. style = 2 es un alpha radial. Esto significa que el centro del elemento será completo de color (opacidad = 100) y la opacidad perderá a los bordes (finishopacity = 0)

+2

brillante !! ¡incluso funciona con la imagen de fondo debajo! http://jsfiddle.net/edr4M/ No estoy seguro sobre el fondo: transparente; pero eso no es nada 1px transparent.gif no puede arreglar ..! –

+1

Arriesgué la firma de seguridad de mi cuenta en SO en una red desconocida para ofrecerte un voto positivo. Gracias (3 aniversario) – th3byrdm4n

+0

@ th3byrdm4n jaja gracias, me alegra que esta respuesta todavía sea útil – Loktar