Javascript 如何使用外部源覆盖包含iframe的div？

我有一个页面，我想显示一个带有弹出窗口的div覆盖。基本上，就像色盒一样。但我希望这是永久的。他们应该不能点击div。div的内部应该是iframe中popsurvey.com的内容。我需要框定的链接是->-你建议怎么做？谢谢

 <script>
$(document).ready(function() {
$.colorbox({iframe:true, width:"620", height:"591", href:"http://www.popsurvey.com/s/5gzmqc/4zk4lm?embed=true", opacity: ".3"});
});
 </script>

$（文档）.ready（函数（）{
$.colorbox（{iframe:true，宽度：“620”，高度：“591”，href:“http://www.popsurvey.com/s/5gzmqc/4zk4lm?embed=true，不透明度：“.3”}）；
});

我已经在jquery中创建了一个解决方案，它足够轻巧和简单，可以满足您的需要（我希望），干净和简单通常是做这类事情的最佳方式，99.99%的时候使用更大的插件或预建解决方案是非常多余的

---

html：

   <div id="block"></div>
<div id="iframecontainer">
    <div id="loader"></div>
    <iframe></iframe>
</div>​

js：

$(document).ready(function() {
    $('#block').fadeIn();
    $('#iframecontainer').fadeIn();
    $('#iframecontainer iframe').attr('src', 'http://www.popsurvey.com/s/5gzmqc/0x5513');
    $('#iframecontainer iframe').load(function() {
        $('#loader').fadeOut(function() {
            $('iframe').fadeIn();
        });
    });
});

​

---

​

你试过什么？如果你想在这里得到帮助，这是你必须问的一个基本问题。没有人会特意为您编写代码，尤其是一些弹出式垃圾邮件。这个网站是用来学习的@布拉德，我试过用色盒。但我不知道如何让它到达用户无法点击的地方。想法？我建议不要这样做。阻止用户从这样一个侵入性弹出窗口中点击并不能提供良好的用户体验。您需要此功能的原因是什么？此外，发布您的代码。这可能被视为一种尝试，仅供参考。我假设在您的例子中，内容下面没有隐藏的秘密链接，但是请注意，覆盖来自两个来源的内容是一个巨大的危险信号。您是否确保在jquery周围添加了$（document）.ready（）函数？另外，使用close按钮和块更新代码以确保只有close按钮和iframe是可访问的。我有一个document.ready（）函数及其加载。它只是把网站搞砸了。怎么会这样呢，我真的无法在不知道问题是什么的情况下修复或更改东西。外观和功能。Colorbox看起来不错，但它可以让用户点击出去。我需要div覆盖是永久的。等等，你想永久禁止站点的其余部分吗？

$(document).ready(function() {
    $('#block').fadeIn();
    $('#iframecontainer').fadeIn();
    $('#iframecontainer iframe').attr('src', 'http://www.popsurvey.com/s/5gzmqc/0x5513');
    $('#iframecontainer iframe').load(function() {
        $('#loader').fadeOut(function() {
            $('iframe').fadeIn();
        });
    });
});