html加了一个iframe后，后面的元素都不见了
<styletype="text/css">.img1{float:right;margin-top:-15px;border:0;z-index:0;position:...
<style type="text/css">
.img1{
float:right;
margin-top:-15px;
border:0;
z-index:0;
position:relative;
}
.img2{
z-index:20;
border:0;
position:absolute;
margin-left:13px;
}
.button{
position:absolute;
z-index:999;
border:0;
margin-left:18px;
}
.txt{
position:absolute;
z-index:50;
border:0;
margin-left:14px;
margin-top:-16px;
}
.imgclick{
position:absolute;
z-index:40;
border::0;
margin-top:-11px;
}
</style>
<body style="margin:0">
<table width="980" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<table width="100%" height="42" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background:url(images/top.jpg) no-repeat">
</td>
</tr>
</table>
</td>
</tr>
<tr height="500">
<td height="500">
<div style="float:left;width:980px;height:500px;">
<iframe name="main" src="default.html" scrolling="no" frameborder="0" style="width:980px;height:500px;" />
</div>
</td>
</tr>
<tr>
<td>
<table id="icon" width="100%" height="58" border="0" cellspacing="0" cellpadding="0" style="background:url(images/bottom.jpg) no-repeat;overflow:hidden;">
<tr>
<td width="980">
<img class="img1" src="images/icon.png" />
<img class="img2" id="icon_on1" src="images/icon_on.gif" style="margin-left:10px;margin-top:7px;filter:Alpha(opacity=0);" />
<img class="imgclick" src="images/onclick.png" style="margin-left:5px" />
<img class="txt" src="images/t_news.png" style="margin-left:11px;" />
<a href="#" id="button1" ><img src="images/button.png" class="button"></div></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
如上面的代码
那个iframe放着的话，下面那个<tr>里面的内容全部消失不见了
把iframe删除的话就没这个问题
这是怎么回事？ 展开
.img1{
float:right;
margin-top:-15px;
border:0;
z-index:0;
position:relative;
}
.img2{
z-index:20;
border:0;
position:absolute;
margin-left:13px;
}
.button{
position:absolute;
z-index:999;
border:0;
margin-left:18px;
}
.txt{
position:absolute;
z-index:50;
border:0;
margin-left:14px;
margin-top:-16px;
}
.imgclick{
position:absolute;
z-index:40;
border::0;
margin-top:-11px;
}
</style>
<body style="margin:0">
<table width="980" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<table width="100%" height="42" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background:url(images/top.jpg) no-repeat">
</td>
</tr>
</table>
</td>
</tr>
<tr height="500">
<td height="500">
<div style="float:left;width:980px;height:500px;">
<iframe name="main" src="default.html" scrolling="no" frameborder="0" style="width:980px;height:500px;" />
</div>
</td>
</tr>
<tr>
<td>
<table id="icon" width="100%" height="58" border="0" cellspacing="0" cellpadding="0" style="background:url(images/bottom.jpg) no-repeat;overflow:hidden;">
<tr>
<td width="980">
<img class="img1" src="images/icon.png" />
<img class="img2" id="icon_on1" src="images/icon_on.gif" style="margin-left:10px;margin-top:7px;filter:Alpha(opacity=0);" />
<img class="imgclick" src="images/onclick.png" style="margin-left:5px" />
<img class="txt" src="images/t_news.png" style="margin-left:11px;" />
<a href="#" id="button1" ><img src="images/button.png" class="button"></div></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
如上面的代码
那个iframe放着的话，下面那个<tr>里面的内容全部消失不见了
把iframe删除的话就没这个问题
这是怎么回事？ 展开
1个回答
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
