Comunidad de diseño web y desarrollo en internet online

Problema con imagen de fondo

Citar            
MensajeEscrito el 08 Ago 2005 05:45 pm
Hi, bueno como tiene poco que me estoy metiendo al mundo del CSS, eh intentado poner una imagen png, que tiene un recuadro con transparencia de 50, pero despues al meter esa imagen como un background, no me respeta la transparencia que tiene pone el color solido, chance y le tenga que agregar otro parametro para que me acepte la transparencia.

Espero que si me entiendan si no pss hay me avisan :wink: .

El codigo que utilizo es este:

Código :

#menu {
   float: left;
   margin: none;
   background-image: url("backmenu.jpg");
   width: 600px;
}
ul {
   list-style-type:none;
   margin:0;
   padding:0;
   text-transform:uppercase;
   font-weight:bold;
   }
li {
   margin:0;
   float:left;
   }
li a {
   display: block;
   background:url('item.png');
   width: 40px;
   padding: 5px 0 5px 40px;
   text-decoration: none;
   color: #0064C4;
}
li a:hover {
   background: url('item2.png');   
   color: White;
}


Es para un menu.
En firefox si respeta las transparencias pero en explorer no :twisted:

Por choco

425 de clabLevel



Genero:Masculino  



Ultima edición por choco el 08 Ago 2005 06:07 pm, editado 4 veces

Estado de México, México

firefox
Citar            
MensajeEscrito el 08 Ago 2005 05:47 pm
aaaaaah, te refieres a............. :? . Cual es la pregunta? :lol: :lol:

Podrias poner algo del codigo que estas usando y detallar un pokitico, solo un pokitico tu pregunta? :wink:

Por Jorgelig

Claber

3035 de clabLevel

12 tutoriales

 

Monterrey, Nuevo Leon, MX

firefox
Citar            
MensajeEscrito el 08 Ago 2005 05:55 pm
no pongas sólo el código, pon un ejemplo.
a ojo de cubero podría decirte que quitaras "transparent" así
background: url("item.png") 0-37px no-repeat;

pero es mejor que pongas todo el sitio para ver el error

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 08 Ago 2005 07:06 pm
Ya resolvi el problema gracias :wink:

Por choco

425 de clabLevel



Genero:Masculino  

Estado de México, México

firefox
Citar            
MensajeEscrito el 08 Ago 2005 07:21 pm

fael escribió:

no pongas sólo el código, pon un ejemplo.
a ojo de cubero podría decirte que quitaras "transparent" así
background: url("item.png") 0-37px no-repeat;

pero es mejor que pongas todo el sitio para ver el error


Asi lo resolviste?, en caso contrario podrias explicar mas el problemita, y como lo resolviste? :? ; digo pa nutrirme yo tb.. 8)

Por Jorgelig

Claber

3035 de clabLevel

12 tutoriales

 

Monterrey, Nuevo Leon, MX

firefox
Citar            
MensajeEscrito el 09 Ago 2005 04:14 am
No no utilize lo que menciono fael, simplemente cambie el formato de las imagenes, ya que el "INOMBRABLE"(IE), no acepta las transparencias en png :lol: .

Por choco

425 de clabLevel



Genero:Masculino  

Estado de México, México

firefox
Citar            
MensajeEscrito el 09 Ago 2005 04:18 am

choco escribió:

No no utilize lo que menciono fael, simplemente cambie el formato de las imagenes, ya que el "INOMBRABLE"(IE), no acepta las transparencias en png :lol: .


Es toto un rollo, hay hacer todo esto por el IE para que cargue transparencias...

Por Jorgelig

Claber

3035 de clabLevel

12 tutoriales

 

Monterrey, Nuevo Leon, MX

firefox
Citar            
MensajeEscrito el 09 Ago 2005 04:46 am
O esperar a el susodicho y todopoderoso IE7.. que se supone saldrá con Vista, osea.. 2006?

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 09 Ago 2005 04:53 am
Hay alguna historia detras de esta etiqueta?------->. A menos que sea algo que no cualkier mortal pueda saber :lol: :lol:

Por Jorgelig

Claber

3035 de clabLevel

12 tutoriales

 

Monterrey, Nuevo Leon, MX

firefox
Citar            
MensajeEscrito el 09 Ago 2005 05:10 am
uh? Historia detras.. no se, preguntale a ICEM4N, él la hizo.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 09 Ago 2005 05:34 am
Che IE, demasiado rollo para que respete las transparencias :shock:

Por choco

425 de clabLevel



Genero:Masculino  

Estado de México, México

firefox
Citar            
MensajeEscrito el 10 Ago 2005 03:56 pm
mmm usa su filtro opacity :P si deseas hacer transparencias en IE :D.... (is a joke)
mmm prueba con algo como esto...
#box{
background-color: #fff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}

Salu2
Erik

Por eporroa

664 de clabLevel



Genero:Masculino  

Lima - Peru

firefox
Citar            
MensajeEscrito el 11 Ago 2005 12:33 am
Eso _NO_ es estandar!

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 11 Ago 2005 03:51 am
Esa solucion ya la habia encontrado Erik pero como dice Neo eso no es estandar, pero de todas formas gracias Erik :wink: :lol: :lol: :lol: :lol:

Por choco

425 de clabLevel



Genero:Masculino  

Estado de México, México

firefox
Citar            
MensajeEscrito el 11 Ago 2005 03:42 pm
Choco puedo tomar esa imagen para la firma personal??... () se ve simpatico... y con respecto a lo no standar es lo que se me ocurrio al momento XD....

Salu2
Erik

Por eporroa

664 de clabLevel



Genero:Masculino  

Lima - Peru

msie
Citar            
MensajeEscrito el 11 Ago 2005 05:05 pm
Si no hay problema para eso es :wink: .

Por choco

425 de clabLevel



Genero:Masculino  

Estado de México, México

firefox
Citar            
MensajeEscrito el 11 Ago 2005 05:20 pm
:lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: .... Gracias

mmm por que no hay una manito con un dedo para arriba por aqui ah????... (como las de lo IM's)

Por eporroa

664 de clabLevel



Genero:Masculino  

Lima - Peru

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.