Hi, I Xposted this in Prototype/Scriptaculous group, but I would
prefer a CSS solution rather than a js solution.....
I read yesterday night a paper about overlapping & zindex issues, but
could not relate it to my problem (at least not yet...)
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 because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
