jk888,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.vvod {
display: none;
top:50px;
left:100px;
position: absolute;
}
.fon {
display: none;
position: absolute;
width: 100%; height: 100%;
top:0px;
background-color: #000;
opacity: 0.5;
}
body{
background-color: #E0FFFF;
margin: 0px;
padding: 0px;
}
</style>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<script>
$(document).ready(function(){
$(document).on('click', function (event) {
if ($('.vvod').has(event.target).length === 0){
$('.fon').fadeOut();
$('.vvod').fadeOut();
}})
$('.vhod').click(function(event){
event.preventDefault();
event.stopPropagation();
$('.fon').fadeIn();
$('.vvod').fadeIn();
});
});
</script>
</head>
<body>
<a href='#' class='vhod'>Вход</a>
<div class='fon'></div>
<form action='' method='post' class='vvod'>
Логин<br>
<input type='text' name='log'><br>
Пароль<br>
<input type='text' name='pass'><br>
<br>
<input type='text' name='' value='Войти'><br>
</form>
</body>
</html>