<head>
<title>Overlay test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#overlay {
position: absolute;
background-color: #ccffcc;
display: none;
height: 200px;
margin: 0 auto;
width: 200px;
}
</style>
<script type="text/javascript">
//<![CDATA[
function hide() {
document.getElementById("overlay").style.display = "none";
}
function show() {
document.getElementById("overlay").style.display = "block";
}
//]]>
</script>
, поэтому, когда пользователь щелкает, он запускает show (), который помещает поле css сверху.Однако я хочу, чтобы он был в центре браузера.Я установил поле: 0 авто;что должно делать трюк не так ли?
Я просто пытаюсь создать оверлейную функцию без использования jquery, потому что она кажется несовместимой с моими шаблонами cms школ.