jquery - Keep transforming elements on top of other elements -



jquery - Keep transforming elements on top of other elements -

i'm learning utilize css3 3d transforms, i'm having problem keeping elements transforming on top of other elements.

this have far: http://bos.rggwebdesigns.com/

as can see, site follows standard z-index rules hierarchy of 3 .row divs, meaning cards in first row behind card in sec row , on.

i tried adding lines transform script (in main.js) selects .row element above clicked .card element , sets z-index 1000, doesn't seem work.

$(document).ready(function() { $('.card').click(function() { $('.row').removeclass('top'); $('.card').not(this).removeclass('flipped'); $(this).parents().eq(2).toggleclass('top'); $(this).toggleclass('flipped'); }) });

to reiterate, i'm trying ensure parts of transforming element appear above every other element.

according see z-index needs relative. if set position : relative; class "row" should solve problem.

edit: reviewing code. need alter .row.top in css .top

jquery jquery-ui css3 z-index transform

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -