下面是代码http://jsfiddle.net/DTYEB/14/,那里的图像重叠,我希望他们彼此相邻。我的位置改变到相对的CSS类.container {},但应用程序的功能改变那么,有没有办法有元件之间的间隔div元素互相重叠-css
回答
如果你看一下开发工具,你会发现,每一个DIV每个图像包含具有相同坐标的绝对位置。
这个问题是存在的:
.container{
position:absolute;
width:64px;
height:64px;
top:200px;
left:300px;
z-index:0;
}
这样做:
.container{
width:64px;
height:64px;
z-index:0;
}
,并创建具有绝对位置的父DIV。
这是一个很多的解决方案。
thanx for reply,但是如果我这样做的话,拖动功能不能以所需的方式工作:(注意:图片元素可以被拖动) – user1184100 2012-02-17 11:33:19
@ user1184100然后创建2个类.container 1和.container2并将正确的坐标放到每个类中? – unludo 2012-02-17 12:14:01
正确的,将解决问题,但有r代码中的功能,我将需要找出它的意思..评论的太大:) – user1184100 2012-02-17 12:37:09
我已经更新了你的脚本,并添加以下代码,
$(dragElement).css('position','relative');
$(dragElement).css('float','left');
$(dragElement).css('display','inline-table');
谢谢hRaval ..但图像重叠之前,他们被拖动我想要它彼此相邻.. – user1184100 2012-02-17 11:53:10
- 1. 响应CSS的div互相重叠
- 2. Div互相重叠 - HTML
- 3. 旋转元素互相重叠
- 4. 在relativeLayout中相互重叠的元素
- 5. 如何使3个元素互相重叠CSS
- 6. 组织HTML和CSS:元素互相重叠
- 7. Div重叠元素
- 8. 重叠CSS元素
- 9. 两个相对的div互相重叠
- 10. HTML中的Div标签互相重叠
- 11. CSS菜单重叠元素
- 12. 重叠元素 - HTML,CSS
- 13. CSS:重叠元素圆角
- 14. CSS固定位置互相重叠
- 15. 太多div互相重叠,没有链接工作。 css/html
- 16. CSS Div重叠
- 17. 重叠的相同元素
- 18. 表相互重叠
- 19. 的div互相CSS
- 20. Div标签互相堆叠
- 21. HTML元素互相重叠(+对齐嵌入的Google地图)
- 22. 防止HTML元素在较小的屏幕上相互重叠
- 23. CSS重叠div的
- 24. Html css重叠div
- 25. 重叠的CSS div
- 26. 重叠的div - CSS
- 27. HTML/CSS重叠div div
- 28. Div与div(HTML/CSS)重叠?
- 29. CSS流体元素互相碰撞
- 30. div相对重叠
你能发布一个更可读的代码(少whitspace)? – 2012-02-17 11:21:27
在css&code部分中删除了空格 - http://jsfiddle.net/DTYEB/19/ – user1184100 2012-02-17 11:26:51