如何使元素在父<div>边框下消失
夸大
我希望达到这种效果：
其中可拖动对象将在容器div的边缘下方消失。
我不确定朝哪个方向前进。起初我以为我应该使用css z-index，但到目前为止没有成功。有没有简单的方法可以实现？我打算将它与jsPlumb一起使用，但我不认为我的问题仅限于此库。
这是问题的摘要。蓝色矩形是可拖动的，灰色区域是我的容器，橙色是整个页面。
jsPlumb.bind("ready", function() {
jsPlumb.setContainer("conteneur");
jsPlumb.draggable(document.getElementById("item1"),{
});
console.log(document.getElementById("item1"));
});#master {
background: orange;
position: relative;
z-index: 21;
padding: 20px;
}
#conteneur {
padding: 20px;
width:80%;
height: 200px;
border: 1px solid gray;
position: relative;
background: grey;
z-index:21;
}
#item1 {
left: 100px;
z-index: 12;
}
.node{
background: blue;
position: absolute;
width:20px;
height:30px;
}<script src="https://rawgit.com/sporritt/jsPlumb/master/dist/js/jsPlumb-2.0.4-min.js"></script>
<div id="master">
<div id="conteneur" class="cont">
<div id="item1" class="node"></div>
</div>
</div> 安迪·W
如果我了解您的问题：
#conteneur {
overflow: hidden;
}
应该可以。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS：如何防止div与父高或父边框重叠
- 2
如何隐藏父div的子元素
- 3
如何使用js选择父div元素
- 4
<div>元素周围的边框
- 5
是否可以在屏幕边框下方固定高度未知的元素？
- 6
如何在父元素 (div) 中水平堆叠元素（卡片）
- 7
如何防止CSS边框浮动到父div的顶部
- 8
如何使边框适合画布而不是父 div 的宽度？
- 9
无法设置图像大小。从 DIV 边框消失
- 10
如何在父div中将多个div元素居中？
- 11
带边框的子div与带边框的父div完全重叠？
- 12
如何在父div的右侧放置一个元素？
- 13
如何基于父div居中放置元素？
- 14
jQuery：如何选择div的第五个父元素？
- 15
jQuery：如何选择div的第五个父元素？
- 16
如何从作为按钮父级的 div 获取特定元素？
- 17
如何使用 JavaScript 在单击子元素时关闭父 div？
- 18
位置：固定；使其消失的div元素消失
- 19
如何将子div边框设置为父div高度
- 20
如何创建一个子div贴到父div的底部边框，其中父内部50％，外部50％
- 21
如何使用<div>元素将文本/边框与页面中心对齐？
- 22
如何为div中的每个元素设置随机边框颜色
- 23
如何创建类似于带边框表的div元素
- 24
如何在<div>元素周围创建凹形边框？
- 25
HTML标题元素边框逐渐消失
- 26
CSS div父边框相对位置
- 27
CSS父div边框和高度崩溃
- 28
CSS div父边框的相对位置
- 29
jQuery，当单击div时，如何使div消失？
我来说两句