2012-02-17 121 views
1

下面是代码http://jsfiddle.net/DTYEB/14/,那里的图像重叠,我希望他们彼此相邻。我的位置改变到相对的CSS类.container {},但应用程序的功能改变那么,有没有办法有元件之间的间隔div元素互相重叠-css

+1

你能发布一个更可读的代码(少whitspace)? – 2012-02-17 11:21:27

+1

在css&code部分中删除了空格 - http://jsfiddle.net/DTYEB/19/ – user1184100 2012-02-17 11:26:51

回答

2

如果你看一下开发工具,你会发现,每一个DIV每个图像包含具有相同坐标的绝对位置。

这个问题是存在的:

.container{ 
    position:absolute; 
    width:64px; 
    height:64px; 
    top:200px; 
    left:300px; 
    z-index:0; 
} 

这样做:

.container{ 
    width:64px; 
    height:64px; 
    z-index:0; 
} 

,并创建具有绝对位置的父DIV。

这是一个很多的解决方案。

+0

thanx for reply,但是如果我这样做的话,拖动功能不能以所需的方式工作:(注意:图片元素可以被拖动) – user1184100 2012-02-17 11:33:19

+0

@ user1184100然后创建2个类.container 1和.container2并将正确的坐标放到每个类中? – unludo 2012-02-17 12:14:01

+0

正确的,将解决问题,但有r代码中的功能,我将需要找出它的意思..评论的太大:) – user1184100 2012-02-17 12:37:09

1

我已经更新了你的脚本,并添加以下代码,

$(dragElement).css('position','relative'); 
$(dragElement).css('float','left'); 
$(dragElement).css('display','inline-table'); 

检查现在http://jsfiddle.net/DTYEB/32/

+0

谢谢hRaval ..但图像重叠之前,他们被拖动我想要它彼此相邻.. – user1184100 2012-02-17 11:53:10