Hi prima,
just one remark when using z-index: be sure to have the CSS property
"position" set to absolute otherwhise the z-index does not work.
--
david
On 15 sep, 15:06, prima <[EMAIL PROTECTED]> wrote:
> Hey,
>
> Even i am facing the same problem.
> I tried to play with the zindex propert but in vain
> I have develped a page where i have to implement a swapping
> functionality.
> The swapping take place between 4 divs which are under a parent div.
>
> Problem:
> the dragging object always remains below the target drop object.
> I tried to edit the zindex property but it seems to be not working :(
>
> On Sep 14, 9:35 am, Erwin <[EMAIL PROTECTED]> wrote:
>
> > Hi
>
> > I got a problem when dragging an item from such a container, the item
> > get hidden by the container when dragging it out... I know it's a z-
> > index problem, but I cannot find a neat solution (tried a patch into
> > dragdrop.js to bind/unbind a clone to the body.. but seems not being
> > working well.... would prefer a CSS solution..)
>
> > here is the CSS (without height, width to make it clear), and only one
> > item (id: user_1)....
> > so, when dragging this item, it is not seen pass ing over all other
> > areas, especially the dropping zone (the drag/drop is successfull...
> > the dropping zone highlights correctly, ... the item revet correctly,
> > just passing through is not visible.... how can I try to solve this
> > issue ? thanks a lot for yoru help !!
>
> > <body>
> > <div id="workspace">
> > <div class="carousel" style="position:relative;" >
> > <div class="container" style="position:absolute;
> > overflow:hidden" >
> > <div class="items" style="position:absolute" >
> > <div class="item" style="position:relative" >
> > <div class="key caption">Adams, John</div>
> > <div class="email">[EMAIL PROTECTED]</
> > div>
> > <script type="text/javascript">
> > //<![CDATA[
> > new Draggable("user_1", { revert:true })
> > //]]>
> > </script>
> > </div>
> > </div>
> > </div>
> > </div>
> > </div>
>
> > <div id:"dropping_zone">
> > ...
> > </div>
> > </body>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
