iframe的一个怪问题

<style>
#ifindpwd{
width:400px;
height:120px;
position:absolute;
left:50%;top:50%;
margin:-60px 0 0 -200px;
z-index:1000;
}
</style>
<body style="background:#ff0000">
<div id="ifindpwd">
<ul style="list-style:none;margin:0px;padding:0px;width:100%">
<li style="background:#002F9C;text-align:left;padding-left:5px;font-size:14px;font-weight:bold;color: #FFFFFF;height:25px;line-height:25px;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;">[提示……]</li>
<li style="background:#5A7EDC;text-align:center;font-size:12px;color: #FFFFFF;height:120px;line-height:120px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;"><iframe ID="findpass" src="http://community.csdn.net/" frameborder="0" scrolling="no" width="100%" HEIGHT="100%"></iframe></li>
<li style="background:#002F9C;text-align:center;font-weight:bold;height:25px;line-height:25px; border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;"><input type=button value=' 确定 ' onclick="hide()"></li>
</ul>
</div>
</body>为什么这个iframe会露出一条红色的背景色呢？另外，想给最上面的提示……所在的那一行的最右侧加上一个“×”，以便做的更像一个弹出窗口该怎么做呢？？？

解决方案 »

  1.   

    为什么这个iframe会露出一条红色的背景色呢？首先你的背景色设置的是红色，<body style="background:#ff0000">。。
      

  2.   

    <html>
    <head>
    <title>呵呵</title>
    </head>
    <style>
    #ifindpwd{
    width:400px;
    height:120px;
    position:absolute;
    left:50%;top:50%;
    margin:-60px 0 0 -200px;
    z-index:1000;
    }
    </style>
    <body style="background:#777777">
    <div id="ifindpwd">
    <ul style="list-style:none;margin:0px;padding:0px;width:100%">
    <li style="background:#002F9C;text-align:left;padding-left:5px;font-size:14px;font-weight:bold;color: #FFFFFF;height:25px;line-height:25px;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;">[提示……       ]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Х</li>
    <li style="background:#5A7EDC;text-align:center;font-size:12px;color: #FFFFFF;height:120px;line-height:120px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;"><iframe ID="findpass" src="http://community.csdn.net/" frameborder="0" scrolling="no" width="100%" HEIGHT="100%"></iframe></li>
    <li style="background:#002F9C;text-align:center;font-weight:bold;height:25px;line-height:25px; border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;"><input type=button value=' 确定 ' onclick="hide()"></li>
    </ul>
    </div>
    </body></html>
    ------------------------
    修改如下，×没有任何功能效果。