2014-01-14 20 views
0

我是一个使用this link创建拖放式web应用程序,我有许多图像可以在舞台上拖动。如何删除溢出:隐藏在特定对象

这里是我的布局:

+----------------------------------------------------+ 
|             | 
|             | 
|             | 
|             | 
|   STAGE DROP AREA       | 
|             | 
|             | 
|             | 
|             | 
+----------------------------------------------------+ 

+----------------------------------------------------+ 
| +------+ +------+ +------+ +------+ +------+ | 
|< |IMG A | |IMG B | |IMG C | |IMG D | |IMG E | >| 
| +------+ +------+ +------+ +------+ +------+ | 
+----------------------------------------------------+ 

的拖放代码工作,但现在我的问题是图像A..N也不能拖动当我添加的jCarousel类(CSS)。我使用JCarousel从左到右导航图像(如果我有超过5张图像)。

每次我拖动图像,图像就会隐藏/消失。我认为.jcarousel课程中的问题是overflow:hidden

是否可以在每张图片中忽略父母布局.jcarouseloverflow:hidden

的.aspx

<div class="jcarousel"> 
     <ul> 
      <li> <asp:Image ID="ImageA" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li> 
      <li> <asp:Image ID="ImageB" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li> 
      <li> <asp:Image ID="ImageC" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li> 
     </ul> 
</div> 

CSS文件

.jcarousel { 
position: relative; 
overflow: hidden; 
width: 100%; 
height: 100%; 
top: 0px; 
left: 0px; 
} 

.jcarousel ul { 
width: 20000em; 
position: relative; 
list-style: none; 
margin: 0; 
padding: 0; 
} 

.jcarousel li { 
float: left; 
} 
+0

对ASCII艺术图像的赞誉,但它真的很难调试ASCII艺术。你可以张贴小提琴吗? – erikrunia

+0

对不起,我们不能让我们的网络块小提琴。 – coderush

+0

要忽略overflow:hidden,只需用更具体的选择器覆盖它即可......但这不会解决您的问题。 div.jcarousel {overflow:visible;}问题可能是由于javascript添加样式...由传送带添加。 – philwills

回答

1

一旦您发布.draggable代码,我可以发布更具体的答案,但也许这将帮助。以下是一个样本.draggable调用。如果你不看完全相同就这样别担心,你应该添加的唯一的事情就是appendTo: "body"线

$(".draggable").draggable({ 
     revert : true, 
     helper: "clone", 
     opacity: 0.7, 
     zIndex: 999, 
     appendTo: "body", 
     drag : function() { 
     } 
    }); 

再次..只有appendTo: "body"行添加到您的代码。这会使您的可拖动项目与主体“相对”,而不会再拖动旋转木马。