如何让一个标题显示在java-applet小程序上 html zindex 套层

Question

问题是这样，我想让一个标题在一个applet上显示，但是每次加载上applet后，applet就会挡住标题<div id="container">
<div id="title" style="position:relative;top:22px;z-index:500;">需要显示的标题</div>
<div id="report"><iframe title="BeiJing" width="680" height="800" src="引用的applet的路径" frameborder="0">
</iframe>
</div>
</div>本来用position：relative的方法就能把标题移动到下面div的上面，但是现在一加载applet后，applet就一定会把标题挡住。还尝试了在页面加载的时候调用下面的四个方法，都不能解决问题，标题依然被挡住
$(document).ready(function(){
document.getElementById("title").style.display="block";
$("#title").show();
document.getElementById("title").style.zindex="3";
$("object").hide();//object是我查到这个applet加载后的元素名
  });
那位高人帮忙看看，有没有办法能够解决这个问题那，我也向您学习一下：）

Answer 1

自己顶一下，问题亟待解决，等待回复中ing

Answer 2

<div id="title" style="position:relative;top:22px;z-index:500;">需要显示的标题</div>
把top改成margin-top
position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin

Answer 3

感谢cdx1988的回复，只是这个方法不行，我需要的不是第一行显示标题，第二行显示applet。 而是直接在applet上显示我的标题。 <div id="title" style="position:relative;top:22px;z-index:500;">需要显示的标题</div>
的意思就是把第一行的位置往下移动22个像素，这样正好就叠加在了第二行的上面了。 这种方法是没问题的。只是现在第二行引用的是java applet程序，这样第一行下移后就被第二行的内容遮挡住了。 更改zindex值对其也没有效果