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
Post a Comment