Не появляется кнопка закрвающая окно

226
27 февраля 2017, 11:17

Привет всем! Учу CSS и не получается сделать появление закрывающей кнопки (.close) при открытии модального окна... Почему-то не срабатывает display:block при фокусе, хотя вроде бы все просто и должно без проблем работать...

.galery_img_pushkin{ 
    float:left; margin:100px 0 0 230px;   
} 
    .galery_img_pushkin a{ 
         display:block; cursor:zoom-in;   
    } 
        .galery_img_pushkin a:focus{ 
             position:fixed; top:0; right:0; bottom:0; left:0; height:170px; width:300px;margin:auto; border: 12px solid rgba(255,255,255,1.0); border-radius:10px; cursor:default; box-shadow: 0 0 20px rgba(30,30,30, 1.0), 0 0 0 1000px rgba(130,130,130,.5); z-index:2; 
        } 
            .close{ 
                display:none; background:rgba(172,205,0,1.00); height:55px; width:55px; position:absolute; top:70px; left:560px; z-index:3; text-align:center; font-size:40px; color:#fff; 
            } 
.galery_img_pushkin a:focus .close{ 
    display:block;  
} 
.close:hover{ 
    background:rgba(245,140,0,1.00); cursor:pointer; 
} 
                .pushkin_01{ 
                    background:rgba(100,130,130,.5); height:100px; width:200px 
                }
<div class="galery_img_pushkin"> 
  <div class="close">x</div> 
  <a href="#" class="pushkin_01"></a> 
</div>

Answer 1

.galery_img_pushkin a:focus .close замените на .galery_img_pushkin:hover .close

READ ALSO
Меню на весь экран

Меню на весь экран

Имеется вот такое менюМне нужно что бы в мобильной версии элемент:

265
Как работают динамические сайты?

Как работают динамические сайты?

Объясните, пожалуйста, как создаются, и как работают динамические сайтыСо статическими все более чем понятно: просто создаешь HTML документ,...

204
Как в php в html встроить инструкцию elseif

Как в php в html встроить инструкцию elseif

не работает конструкция не принимает elseif БЕЗ ELSE все работает

221
Возможно ли сделать редирект через google в iframe?

Возможно ли сделать редирект через google в iframe?

Добрый деньСобственно вопрос в шапке) Вопрос на засыпку) Смысл в чем

224