<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = UTF-8 "/> <title> pop-up layer and drag </title> <style> html, body {height: 100%; overflow: hidden;} body, div, h2 {margin: 0; padding: 0;} body {font: 12px/1.5 Tahoma;} center {padding-top: 10px;} button {cursor: pointer ;} # overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha (opacity = 50); display: none ;}# win {position: absolute; top: 50%; left: 50%; width: 400px; height: 200px; background: # fff; border: 4px solid # f90; margin:-102px 0 0-202px; display: none;} h2 {font-size: 12px; height: 18px; text-align: right; background: # FC0; border-bottom: 3px solid # f90; padding: 5px; cursor: move;} h2 span {color: # f90; cursor: pointer; background: # fff; border: 1px solid # f90; padding: 0 2px ;} </style> </pead> <body> × <center> <button> pop-up layer </button> </center> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]