Dos objetos superpuestos. Utilización de la etiqueta z-index

[Bròquil]

Hola tengo dos objetos superpuestos uno enzima de otro y quiero que cambien de orden  ;)cuando esty encima de ellos pero preferentemente quiero que uno este encima de otro.


Es decir que A esté simpre sobre B excepto cuando tocas una zona de B en la que no esté A.
siendo:  (lo que me pasa esque cuando estoy en una zona de A i B se pelean por quien està encima. Cómo hacer-lo Gracias.

Código (css) [Seleccionar] Expandir

#A{
position: absolute;
left: 300px;
top: 100px;
width:600px;
margin:auto;
clear:both;
z-index:3;
opacity: .85}


#A:hover{
position: absolute;
left: 300px;
top: 100px;
width:600px;
margin:auto;
clear:both;
z-index:5;
opacity: .85}

#B {
position: absolute;
left: 100px;
top: 100px;
z-index:2;

}
#B:hover{
position: absolute;
left: 100px;
top: 100px;
z-index:4;

}

MOD: Utilizar etiquetas GeSHi. Leer Normas del subforo de Desarrollo Web

[EFEX]

Explicate mejor sobre lo que qures lograr... que se mantenga B visble?

[Bròquil]

ya lo logré que A se mantubiera sobre B excepto cuando se ponga el ratoón sobre B.



Pero ademas quiero y sobre todo quiero lo que explique en el foro


http://foro.elhacker.net/desarrollo_web/busqueda_doble_en_google-t410246.0.html

es decir que de A salga más de una búsqueda Que seriean las secction B y C.
Gracias