simplementemanuelqf Admin
Cantidad de envíos : 109 Edad : 36 Localización : arequipa Fecha de inscripción : 05/10/2008
Hoja de personaje estrellitagt: simplementemanuelqf@hotmail.com
| Tema: PNG Transparentes en IE 5, 6, 7, Firefox, Opera Miér Nov 05, 2008 10:48 pm | |
| Bueno e visto en internet que muchas personas buscan como hacer que su imagen PNG se vea transparente en cualquier navegador, pues bien aqui les doy la solucion definitiva si esta no funciona podran encontrar mas en internet las cuales usan JAVa y en este no se usa eso, espero les funcione. Código: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>PNG Transparente - Mundote.info</title> <style type="text/css" media="all"> body { background: #CC0000; }
#NombreElemento { width: 750px; height: 508px; background-image: url("Principal.png") !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Principal.png'); } </style> </head>
<body> <div id="NombreElemento"> </div>
</body> </html>
1.- Recuerda que las lineas width: 750px; height: 508px; Son el Tamaño de Ancho por Alto cambialas por el tamaño de tu imagen. 2.- Las lineas background-image: url("Principal.png") !important; es la que indica la ruta de tu imagen y solo tienes que cambiar lo que esta en negrito, al igual que en la linea filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Principal.png'); /b] | |
|