document.write("<ul><li>スタイル処理無効時の表示");
document.write("<p>z-index : 3 ;</p>");
document.write("<p>z-index : 1 ;</p>");
document.write("<p>z-index指定なし</p>");
document.write("<p>z-index : 2 ;</p>");
document.write("</li><li>重なりの順序が反映された表示");
document.write("<div style=\"height:180px;\">");
document.write("<div style=\"position : absolute ;\">");
document.write("<p style=\"width : 150px ; height : 30px ; position : absolute; top : 50px; left : 250px ; z-index : 3 ; color : black ; background : red ;\">z-index : 3 ;</p>");
document.write("<p style=\"color : black; background : yellow; width : 150px ; height : 30px; position : absolute; top : 70px; left : 20px; z-index : 1 ;\">z-index : 1 ;</p>");
document.write("<p style=\"text-align:center; position : absolute; color : white; background : black; width : 420px; height : 150px; top : 10px; left : 0;\">z-index指定なし</p>");
document.write("<p style=\"position : absolute; color : white; background : blue; width :150px; height : 30px; top : 60px; left : 135px; z-index : 2;\">z-index : 2 ;</p>");
document.write("</div>");
document.write("</div></li></ul>");