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

我不知道如何描述我想要什么。 所以我画了它：

这就是我到目前为止得到的。 我不知道如何得到这个覆盖

<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>

关闭X
一种快速生成模态弹出的方法是依靠现有的库来完成这一点，考虑
将来，请提供更多关于已尝试的内容等的详细信息。
我喜欢将其用于模式弹出窗口。页面上的示例使用图像，但您可以插入任何想要的HTML
 谢谢，但我需要更像我写的代码（刚刚编辑了我的问题）。。。只是覆盖丢失了。你需要格式化你发布的代码，使其可读。另外，您是否尝试过创建覆盖？你发布的内容中没有任何内容可以作为一个整体。对不起，我太笨了。我已经解决了这个问题。谢谢你，别说我们都犯了愚蠢的错误。它随领土而来；）很高兴你明白了。