背景淡出离开焦点弹出窗体/元素

Question

我搜索并搜索了我认为在网络上的常见做法。我正在寻找一个简单的解决方案（css，jquery等），以便在单击按钮时使表单出现在屏幕的中央。我希望背景淡出一点，将焦点留在新元素/ div上。我玩过不透明度，但似乎没有很好的解决方案让中间的形状也被褪色。我已经看过了，所以我知道这是可行的。任何帮助都是值得赞赏的！

Answer 1

如果你要找的是“模态弹出窗口”，那么下面是resources may interest你。

Answer 2

查看jQueryUI，特别是Dialog - Modal Form示例，它可以满足您的需求。

Answer 3

This css/javascript solution允许在弹出窗口中显示任何内容。对我来说就像一个魅力。