CSS - 弹出层（带覆盖和关闭按钮）

Question

我不知道如何描述我想要的东西。 所以我只画了它：http://i.imgur.com/oMFzJ.jpg

这是我到目前为止所得到的。 我不知道如何获得这个叠加

<div id="layer" style="background-color:#212121;border:2px solid #CCCCCC;width:450px;position:absolute;top:20%;left:20%;"> <iframe src="http://www.ebay.com" width="100%" height="300" frameborder="0" scrolling="no"></iframe> <div style="width:100%;"><span style="color:#CCCCCC;float:right;font-size:11px;margin:3px;cursor:pointer;" onclick="document.getElementById('layer').style.display='none';">Close X</span></div> </div>

Answer 1

制作模态弹出窗口的快捷方法是依靠现有的库来实现这一目标，请考虑jQuery UI

将来请提供更多详细信息。

Answer 2

我喜欢使用fancybox作为我的模态弹出窗口。页面上的示例使用图像，但您可以插入任何您喜欢的HTML。