浮动层的切换问题

在写CSS过程中，如果碰到浮动层的切换问题，那么背景图片最好不要采取定位偏移的方法来解决（即background:img.gif no-repeat -100 -100;）

也就是说，布局在一个浮动层中的背景图片，不要合成在一张图片中，然后通过偏移的方式来处理，这样容易造成html页面中，写在后面的层会覆盖之前撰写的浮动层

例：

1. <div id="idDialog" style="display:none;">
2.     
3.     <div id="idRegister" style="display:none;">
4.     <form name="form1" action="<?php echo $passport_domain; ?>/member/index_do.php" method="post">
5.         <input type="hidden" name="fmdo" value="user">
6.         <input type="hidden" name="dopost" value="regok">
7.         <input type="hidden" name="forward" value="<?php echo $forward; ?>">
8.         <div class="dialog_frame">
9.             <div class="dialog_frame_bg" id="idDialogFrameBgReg">
10.                 <div class="dialog_close"><span οnclick="closeDialog()">关闭</span></div>
11.                 <div class="dialog_content">
12.                     <table border="0" cellpadding="0" cellspacing="0" width="70%" align="center">
13.                     <tr><td class="label">玩家昵称：</td><td class="input"><input type="text" name="uname" class="cootext" value="" onBlur = "checklen(uname,4,20);" /></td></tr>
14.                     <tr><td class="label">登录ID：</td><td class="input"><input type="text" name="userid" id="idUserIdReg" class="cootext" value="" /><div id="idTestUserid"></div></td></tr>
15.                     <tr><td class="label">登录密码：</td><td class="input"><input type="password" name="userpwd" class="cootext" value="" /></td></tr>
16.                     <tr><td class="label">确认密码：</td><td class="input"><input type="password" name="userpwdok" class="cootext" value="" /></td></tr>
17.                     <tr><td class="label">E-mail：</td><td class="input"><input type="text" name="email" class="cootext" value="" /></td></tr>
18.                     <tr><td colspan="2" class="warning_mail">找回密码的唯一途径，务必写真实有效的邮箱</td></tr>
19.                     <tr><td class="label" height="30">验证码：</td><td class="input"><input type="text" name="vdcode" class="ckcodetext" value="" /> <span class="ck_pic"><img src="<?php echo $passport_domain; ?>/include/vdimgck.php" align="bottom"  οnclick="this.src='<?php echo $passport_domain; ?>/include/vdimgck.php?'+Math.random()"/></span></td></tr>
20.                     <tr><td colspan="2" class="agreement"><input type="checkbox" class="check_agreement" id="idAccept" name="accept" value="" />我已经看过并同意，《魔力条款协议》</td></tr>
21.                     <tr><td colspan="2" align="center" height="36"><input type="image" src="templetsnew/img/register_btn.gif" οnclick="return checkRegisterSubmit();" /></td></tr>
22.                     </table>
23.                 </div>
24.             </div>
25.         </div>
26.     </form>
27.     </div>
28.     
29.     <div id="idLogin" style="display:none;">
30.         <div class="dialog_frame">
31.             <div class="dialog_frame_bg" id="idDialogFrameBgLogin">
32.             <?php if ($_COOKIE['DedeUserID']){ ?>
33.             
34.                 <div>
35.                     <div class="dialog_close"><span οnclick="closeDialog()">关闭</span></div>
36.                     <div id="idLogined">
37.                         <div>
38.                         欢迎您：<span><?php echo $uname ?></span> [<a href="<?php echo $passport_domain; ?>/member/index_do.php?fmdo=login&dopost=exit&forward=<?php echo $forward ?>">注销登陆</a>]
39.                         </div>
40.                     </div>
41.     
42.                 </div>
43.                 
44.             <?php }else{?>
45.             
46.             <form name="form2" action="<?php echo $passport_domain; ?>/member/index_do.php" method="post">
47.             <input type="hidden" name="fmdo" value="login">
48.             <input type="hidden" name="forward" value="<?php echo $forward; ?>">
49.             <input type="hidden" name="dopost" value="login">
50.                 <div class="dialog_close"><span οnclick="closeDialog()">关闭</span></div>
51.                 <div class="dialog_content">
52.                     <table border="0" cellpadding="0" cellspacing="0" width="70%" align="center">
53.                     <tr><td colspan="2" height="30"></td></tr>
54.                     <tr><td class="label">用户名：</td><td class="input"><input type="text" class="cootext" id="idUserIdLoging" name="userid" value="" /></td></tr>
55.                     <tr><td class="label">密码：</td><td class="input"><input type="password" class="cootext" name="pwd" value="" /></td></tr>
56.                     <tr><td class="label">验证码：</td><td class="input"><input type="text" name="vdcode" class="ckcodetext" value="" /> <span class="ck_pic"><img src="<?php echo $passport_domain; ?>/include/vdimgck.php" align="bottom" οnclick="this.src='<?php echo $passport_domain; ?>/include/vdimgck.php?'+Math.random()"/></span></td></tr>
57.                     <tr><td colspan="2" height="10"></td></tr>
58.                     <tr><td colspan="2" align="center" height="36"><input type="image" src="templetsnew/img/login_btn.gif" οnclick="return checkLoginSubmit();" /></td></tr>
59.                     </table>
60.                 </div>
61.             </form>
62.             <?php } ?>
63.                 <div id="idOuterServerLists">
64.                     <h5>服务器</h5>
65.                     <?php if ($servers){ ?>
66.                     <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
67.                     <?php foreach($servers as $server){ ?>
68.                         <tr><td class="server_name"><?php echo $server["aname"] ?>-<?php echo $server["sname"] ?></td><td class="server_status"><?php echo $server["route"] ?></td><td class="server_enter"><button type="submit" οnclick="return myTimeStart(<?php echo $server["id"] ?>);">点击进入</button></td></tr>
69.                     <?php } ?>
70.                     </table>
71.                     <form id="idLoginForm" action="<?php echo $passport_domain; ?>/member/p.php" method="post">
72.                     <input type="hidden" name="af" value="<?php echo $code ?>"><!--成人标志-->
73.                     <input type="hidden" name="user" value="<?php echo $uname ?>">
74.                     <input type="hidden" name="pass" value="<?php echo $pwd ?>">
75.                     <input type="hidden" name="aid" id="idPlayAId" value="">
76.                     </form>
77.                     <?php } ?>
78.                 </div>
79.             </div>
80.         </div>
81.     </div>
82. </div>

采取合成图片处理易造成 idLogin层覆盖 idRegister