Жду ваших комментариев. Буду рад любой критики.
<!DOCTYPE html>
<head><meta charset="utf-8"><title></title>
<style>
.win {
position:fixed;z-index:3;
font-family: Arial, Helvetica, sans-serif;
top:0;right:0;bottom:0;left:0;
background:rgba(0,0,0,0.8);
display:none;
pointer-events:none;
}
.win:target {
display:block;
pointer-events:auto;
}
.win div{
width:400px;
position:relative;
margin:10% auto;
padding:10px 20px;;
border-radius:10px;
background:#fff;
}
.close {
background:#aaa;
color:#fff;
line-height:25px;
position:absolute;
right:-12px;
text-align:center;
top:-10px;
width:24px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.close:hover { background: #10ff34; }
</style>
</head>
<body>
<a href="#home">модальное окно</a>
<div id="home" class="win"><div><a href="" title="Закрыть" class="close">x</a><h2>name</h2><p>text</p></div></div>
</body>
</html>
Вопрос, можно полагаться на такой вид модальных окон или лучше делать по старинке с js?
На дизайн не смотрите, по минимуму )
Средний
