z-index en IE y firefox no me funciona

[ceaped]

Hola a todos
Tengo un botón y parte de el esta debo de un menú.

Utilizo varios métodos pero no me funciona y son:

No funciona. Sí pongo aca z-index=-1; queda atrás pero cómo es un botón me deja de funcionar.

Código CSS:

position: relative;
 

No hace nada.

Código CSS:

z-index: 0 !important; z-index: -1;
 

No hace nada.

Código CSS:

.marco_boton { background: url(” javascript: document.body.onload = function(){ var xbutton = document.getElementById(‘xbutton’); if (xbutton) { xbutton.style.zIndex = 9999; } } “);
}
 

¿Cómo puedo darle un z-index=-1; y me se me vea en todos los navegadores?

Gracias por su ayuda

[WyLY]

Si no mal recuerda el manejo de z-index tiene que ir acompañado de position:absolute:

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Inténtalo, saludos.

[ArturoGallegos]

para usar z-index no es obligatorio usar position:absolute basta con que el elemento en cuestión tenga declarada la propiedad position o float en cualquiera de sus variantes.

por otro lado dices que al colocar z-index:-1
se te coloca abajo y deja de funcionar, este es un efecto normal ya que cualquier cosa que pongas en -1 hacia abajo esta fuera del alcance del mause por lo que ya no es posible seleccionarlos y por ende darle clic.

también considera que hay propiedades que se heredan, en tu caso puede haber otro elemento encima de tu botón o el elemento padre lo tienes con un z-index negativo, seria conveniente ver tu código html y el css que afecta toda esa área.