Сделал aside, в хроме все отлично работает, в опере никак. Код:
<aside id="example" class="modal">
<div>
Содержимое
<a href="#close" title="Закрыть">Закрыть</a>
</div>
</aside>
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.2);
z-index: 10000;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
opacity: 0;
pointer-events: none;
}
.modal:target {
opacity: 1;
pointer-events: auto;
}
.modal > div {
width: 790px;
background: #fff;
position: relative;
margin: 9% auto;
-webkit-animation: minimise 500ms linear;
padding: 20px;
box-shadow: 0px 1px 2px #818181;
}
.modal:target > div {
-webkit-animation-name: bounce;
}
@-webkit-keyframes minimise {
0% {
-webkit-transform: scale3d(1,1,1);
}
100% {
-webkit-transform: scale3d(0.1,0.1,1);
}
}
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}
.modal a[href="#close"]:focus {
outline: none;
}
.modal a[href="#close"]:after {
content: 'X';
display: block;
position: absolute;
right: 10px;
top: 10px;
width: 30px;
padding:2px;
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #bcbcbc;
color: #696969;
border-radius: 2px;
}
.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
background: #8f8f8f;
color: #494949;
}
.modal a[href="#close"]:focus:after {
outline: 1px solid #000;
}
Примечание:
Увы, не помогает...
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.