<frameset rows="80,*,80" frameborder="no" border="0" framespacing="0">
  <frame src="Top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frame src="Content.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  <frame src="Bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
</frameset>
现在,我在Content.html页面中有一个半透明的效果,但是,现在我想这个效果能在整个框架页面中显示,能够做到吗,如果能如何做呢?急求高手指教!!!!
下面是我Content.html中的代码<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页半透明的效果</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(":input[id='but']").click(function(){
$("#fudong").show();
})
})
</script>
<style  type="text/css">
body
{
height:100%;
whidth:100%;
margin:0;
}
#fudong
{
background-color:#333333;
filter:Alpha(Opacity=75, FinishOpacity=50, Style=0, StartX=0, StartY=1, FinishX=200, FinishY=100); 
height:100%; 
width:100%; 
z-index:2; 
position:absolute; 
left:0; 
top:0;
}
</style>
</head><body>
<div style="height:50px; width:auto; background-color:#009933"><font  color="#FFFFFF">Here ,Background is Green in Content</font></div>
<div style="height:50px; width:auto;">Here ,Background is White in Content</div>
<div id="fudong">
<font  color="#FFFFFF">Here ,Background is White too! But it is a  dialog !</font>
<div style="height:100px ; width:409px ; background:white ; margin:0px auto; margin-top:15%; ">
<table width="100%" align="center">
<tr align="center" height="30"><td colspan="2" rowspan="0">来输入你的值吧</td></tr>
<tr><td>Your Nmae:</td><td><input type="text" id="name" /></td></tr>
<tr><td>Your Password:</td><td><input type="text" id="pass" /></td></tr>
                  <tr align="center"><td colspan="2" rowspan="0"><input type="submit" value="提交" /></td></tr>
</table>
</div>
</div>
</body>
</html>

解决方案 »

  1.   

    直接用DIV估计不行,会被Frame盖住的。
    要在DIV里面加个iframe,才能不被其他Frame盖住
      

  2.   

    <frameset rows="80,*,80" frameborder="no" border="0" framespacing="0">  <frame src="Top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />  <frame src="Content.html" name="mainFrame" id="mainFrame" title="mainFrame" />  <frame src="Bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" /> </frameset>
    <!--要覆盖住整个框架,必须在此添加一div-->
    <div style="width:100%;height;100%" id="mask"></div>