如何在HTML中的其他框架上编写div / box?

时间:2015-09-07 09:06:49

标签: javascript html

我有一个框架和2个框架。

现在,我想要的是在点击一个图像/按钮时,我必须用一些文本打开一个盒子/ div,但是这个盒子/ div来自其他帧,所以我无法看到这个盒子/ div。

我尝试使用" z-index" ,但它无效,

以下是示例代码

Main_File.html

<head>
<frameset row="53px,*">
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>
</head>

结束Main_File.html。

frame1.html

<html>
    <style>
    #hiddenDiv
    {
    position:absolute;
    z-index:1;
    height:100px;
    width:100px;
    border:1px solid black;
    display:none;
    }
    </style>
    <script>
    function popupFunc()
    {
    var temp=document.getElementById('hiddenDiv');
    temp.style.display='block';
    }
    </script>
    <body>
    <div id="sampleDiv" style="height:53px;width:99%;position:absolute;">
    <img src="someImage.jpg" onclick="popupFunc()" />
    </div>
    <div id="hiddenDiv" style="top:60px;">
    Some Text
    </div>
    </body>
</html>

正如您在上面的代码中看到的那样,

当我点击隐藏按钮时,它应该在其他帧上打开一个div,但它没有发生, 任何人都可以帮忙吗?

0 个答案:

没有答案