Jquery 如何在同一区域中使用div和iframe？

我的页面中有iframe。我需要在我的父页面中显示

，但在隐藏帧之前我无法看到。是否可以强制帧处于背景中。我不想打开弹出窗口而不是

parent.php

<script>
    $(document).ready(function() {
        $(".Class1").click(function() {
            var str = "<div>Some content</div>";
            $(".main_frame").hide();
            $(str).appendTo('body');
        });
    });
</script>

<a class='Class1' href='#'>text</a>
<div class='frame_div'>
    <iframe class='main_frame' name='main_frame' src='child.php'></iframe>
</div>

$（文档）.ready（函数（）{
$（“.Class1”）。单击（函数（）{
var str=“某些内容”；
$（“.main_frame”）.hide（）；
$（str.appendTo（'body'）；
});
});

如果您想在单击时将新的“div”语句附加到身体上，那么您可以执行以下操作

 $(document).ready(function() {
        $(".Class1").click(function() {
            var str = "<div>Some content</div>";
            $('body').append(str);
            //$(".main_frame").hide();
            //$(str).appendTo('body');

        });
    });

$（文档）.ready（函数（）{
$（“.Class1”）。单击（函数（）{
var str=“某些内容”；
$（'body'）。追加（str）；
//$（“.main_frame”）.hide（）；
//$（str.appendTo（'body'）；
});
});

我刚刚在css中添加了以下内容，效果不错。我还删除了$（“.main_frame”）.hide（）；当然

.main_frame {
    background-color: transparent;
}

---

这不像我预期的那样有效。1.我需要看到我的帧之前和之后点击链接。如果我把可见性：隐藏；然后它甚至在单击之前就被隐藏了。2.无论如何，如果我调用$（“.main_frame”）.hide（）；我将无法在背景中看到我的相框，那么如果你不想隐藏它，为什么要隐藏它呢？如果你想一直看到它，只需删除告诉你隐藏（）你的iframe的那一行。如果iframe没有隐藏，我就看不到我的div。你想看到的div是“一些内容”？如果是这样，那是因为您需要调整代码。让我更新我的声明…是的，它是一些内容。我通过调用$（'body'）将这个div追加到body中；allowTransparency=“true”用于根据blachawk的回答具有.Class1的iframe。让它在IE中工作是很重要的