2014-01-14 22 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"行添加到您的代碼。這會使您的可拖動項目與主體「相對」,而不會再拖動旋轉木馬。