onMouseOut volver a quitar color de fondo Netscape

[moNTeZIon]

Buenas señores,
Se me está planteando el siguiente problema, para variar, con Netscape.
Tengo un <DIV> en el que ejecuto este código en el evento onMouseOver:

Código PHP:

  document.getElementById(CajaMenu).style.background="#7CABCD"  
   

Y funciona perfectamente, en todos los navegadores.

En el evento onMouseOut, tengo este otro código, que le quita el color de fondo:

Código PHP:

  document.getElementById(CajaMenu).style.background=""  
   

Este último me funciona en todos los navegadores menos en el tedioso NETSCAPE... Alguien sabe por qué, o sabe alguna solución?
Al no funcionar en Netscape, se me iluminan todas las capas por las que paso, pero cuando salgo no desaparece el color de fondo...
Si funciona el primer código... no debería funcionar el segundo?? A qué tengo que igualar la propiedad para quitar el color? (=null tampoco va)

Gracias a todos!

[JavierB]

Hola moNTeZIon

No tengo instalado NS, así que no puedo probar, pero supongo que te servirá poniendo el color que tuvieras antes de hacer el mouseover.

Saludos,

[moNTeZIon]

Gracias JavierB,
Pero fíjate bien, ya dije que el primer código funciona... o sea... puedo asignar el color que quiera a la etiqueta DIV, lo que no puedo es quitarlo... y que quede transparente, ya que en un principio, la etiqueta no tiene color de fondo...

[angsanchez]

Hola, moNTeZIon

En primer lugar, cuando citas Netscape, es importante que digas a qué versión te refieres; la 4 y la 6+ son completamente diferentes en términos de CSS y DOM.

En segundo lugar, prueba estos cambios:

Código:

 document.getElementById("CajaMenu").style.backgroundColor  ="transparent"

Me funciona en Firefox , Netscape7 e IE6 :-p . ¡Suerte!

PD: He hecho otras pruebas y parece que la clave está en las comillas alrededor del nombre del DIV. Acepta background igual que backgroundColor, y "" igual que "transparent". Pero lo que puse me parece lo más correcto.
Por otro lado, en mi prueba Netscape4 ni colorea ni quita el color.

[moNTeZIon]

Gracias por las respuestas.

Por supuesto, hay que especificar los nombres de los ID entre comillas, si no, no funciona, ya que JavaScript no reconoce de que se está hablando. Yo no las tengo puestas en mi codigo porque en nombre CajaMenu es una variable JavaScript en la que recibo el nombre del DIV. En este caso, no va entre comillas, claro.

Igualando Background a "" no funciona en Netscape 7 (En versiones anteriores ya desisto, si no me podría volver loco)...

Así que, por lo que me dices, me falta probar con la Propiedad BackgroundColor, y el valor "transparent".

Haré mis pruebas y os digo algo.

Gracias!

[angsanchez]

Curioso, en efecto Netscape7 no traga con background="" pero sí Firefox (1.0PR) (que es con el que probé)

[moNTeZIon]

Por cierto, de momento lo tengo solventado de esta forma:

Código PHP:

  document.getElementById(CajaMenu).style.background  ="url('Images/Null.gif');"  
   

Donde Null.Gif es un GIF de 1x1 pixels transparente al 100%, con lo que conseguimos el efecto deseado en todos los navegadores...

Pero sigo buscando... No me gusta tener que cargar una imagen para este propósito... Tiene que haber la manera de hacerlo bien.

[angsanchez]

¿No te ha funcionado
style.background="transparent" ??
Juraría que en mi prueba iba en todos los navegadores

[moNTeZIon]

Perdona tío, he estado desconectado un par de días. No me he encontrado muy bien y no he ido a currar.
Acabo de probar el "transparent". Excelente.

Gracias Angel