网页制作 > CSS > CSS教程 > css设置z-index 失效的解决方法 2009-11-26 22:04:02 脚本之家 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <style type="text/css"> #king_of_diamonds { position: relative; background-color:gray; width:30px; height:30px; left: 145px; top: 145px; } #ace_of_diamonds { position:relative; background-color:blue; width:300px; height:300px; left: 160px; top: 130px; z-index: 1; } </style> </head> <body> <form id="form1" runat="server"> <div id="king_of_diamonds"> a </div> <div id="ace_of_diamonds"> b </div> </form> </body> </html> 提示:您可以先修改部分代码再运行