Javascript jquery显示模式弹出对齐

打开弹出窗口后，要在jquery显示模式中禁用背景。请看以下内容。在这把小提琴中，它正在工作，但它占据了整个屏幕。我想将它设置为在特定的div中

$（函数（）{
$（document.foundation（）；
$（'ul.f-下拉列表LIA'）。在（'click'，函数（事件）{
console.log（'Dropdown clicked'，event.target）；
$（'.reveal modal'）.foundation（'dropdown'，'closeall'）；
});
});
.generation.discover模式{
背景色：红色；
}
.一代{
宽度：700px；
高度：400px；
背景：浅绿色；
}

古怪的下拉对话框








工作下拉对话框







和#215；
我不认为模态对话框是在这种情况下使用的合适元素。模式对话框通常用于吸引用户的注意力，并让他们执行全局操作，例如删除某些内容的确认消息。我不确定你想用你的模态实现什么，但我建议你多做一个简单的显示/隐藏部分。这样，就可以将其放置在内容块的上下文中。基金会的模态总是相对于视口而不是特定容器进行定位

查看这篇关于模态和叠加如何最佳使用的文章：
你能给我们一个工作模态吗？你指的是什么背景？！我希望rgba（0，0，0，0.45）这个背景色和弹出窗口也应该只在主容器div内打开。不需要整个屏幕。