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

【问题标题】：CSS - Popup Layer (with overlay and close button)CSS - 弹出层（带有覆盖和关闭按钮）
【发布时间】：2012-04-05 11:32:39
【问题描述】：

我不知道如何描述我想要的。所以我就画了：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>

【问题讨论】：

标签： css overlay layer

【解决方案1】：

制作模态弹出窗口的快速方法是依靠现有库来完成此操作，请考虑jQuery UI

以后请提供更多详细信息，说明已尝试过的内容等。

【讨论】：

【解决方案2】：

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

【讨论】：

谢谢，但我需要更像我写的代码（刚刚编辑了我的问题）......只是缺少覆盖
您需要格式化您发布的代码以使其可读。另外，您是否尝试过创建叠加层？您发布的内容中没有任何内容可以作为一个。
好的。对不起，我太笨了。我已经解决了这个问题。还是谢谢
大声笑，不要说我们都犯了愚蠢的错误。它与领土一起出现；）很高兴你想通了。