Показать сообщение отдельно
  #3 (permalink)  
Старый 15.05.2019, 11:06
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

А без JS?
<style>
.box { position:relative;}
.cont   {
   position:relative;
   display:inline-block;
   height:100px;
   width:100px;   
}
.layer {
   position:relative;
   top:0px;
   left:0px; 
   background-color: rgba(0,0,0,0.3);
   height:100%;
   width:100%;
   z-index:2;
}
img {
   position:absolute;
   top:0px;
   left:0px;
   height:100%;
   width:100%;
   z-index:1; 
}
.layer:hover { background-color: rgba(0,0,0,0);}
</style>
<div class="box">
   <div class="cont">
      <div class="layer"></div>
      <img src="https://javascript.ru/cat/list/donkey.gif">
   </div>
   <div class="cont">
      <div class="layer"></div>
      <img src="https://javascript.ru/cat/list/donkey.gif">
   </div>
</div>
Ответить с цитированием