下面是代码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. Div互相重叠 - HTML
- 2. 旋转元素互相重叠
- 3. 组织HTML和CSS:元素互相重叠
- 4. 如何使3个元素互相重叠CSS
- 5. 重叠CSS元素
- 6. 表相互重叠
- 7. 的div互相CSS
- 8. Div标签互相堆叠
- 9. 重叠的div - CSS
- 10. CSS重叠div的
- 11. Html css重叠div
- 12. 防止HTML元素在较小的屏幕上相互重叠
- 13. Div与div(HTML/CSS)重叠?
- 14. div相对重叠
- 15. 堆叠div元素
- 16. HTML5中div元素的重叠
- 17. 重叠其他两个元素的div
- 18. 在GridView中重叠div元素
- 19. 如何修复重叠的div元素?
- 20. 链接互相重叠
- 21. ViewControllers在Main.Storyboard互相重叠
- 22. 按钮相互重叠
- 23. 查看相互重叠
- 24. 链接互相重叠
- 25. 主题相互重叠?
- 26. bootstrap容器相互重叠
- 27. Android通知互相重叠
- 28. CSS填充重叠的父元素
- 29. Bootstrap CSS不需要的重叠元素
- 30. CSS重叠的透明箭头元素
你能发布一个更可读的代码(少whitspace)? – 2012-02-17 11:21:27
在css&code部分中删除了空格 - http://jsfiddle.net/DTYEB/19/ – user1184100 2012-02-17 11:26:51