CSS überlappende DIVS offenbart mit jQuery

Question

Ich versuche, einen 800x500-Div mit vier überlappenden Diven innerhalb des Behälters zu erstellen, der 800x500 ist.Bei der anfänglichen Last versuche ich, 1/4 von jedem überlappenden DIV-Display zu haben und schließlich, wenn Sie auf einen der Quadranten klicken oder vielleicht mit einem der Quadranten jQuery diesen Quadranten von 400x250 bis 800x500 erweitern und den Z-Index entsprechend dem erweiterten Div einstellenist oben.Ich bin aber zu Beginn gestümelt.Ich habe einen 800x500 Container-Div eingerichtet.In diesem Container platzierte ich 4 400x250 DIVS.Ich habe erwartet, dass ein 800x500-Bild in einem 400x250-Container das Bild auftraffen würde, und ich würde alle vier auf dem Get Go sehen und dann würde ich an der Transformation arbeiten.

Jede Hilfe wäre großartig.Hier ist der feige Ich spiele mit .

oder Sie können den Code hier für alle geistigen Compiler ansehen.

generasacodicetagpre.

css

generasacodicetagpre.

Answer 1

Ich habe Ihre Geige aktualisiert: http://jsfiddle.net/qz8rk/2/

Ich habe Ihre CSS so geändert:

generasacodicetagpre.