Ho trovato una soluzione usando questo codice:
codice:
.imgWrap {
display: inline-block;
position: relative;
}
.imgDescription {
display: block;
position: absolute;
font-size: 18px;
text-align: center;
line-height: 160px;
left: 0;
top: 0;
width: 100%;
height: 97%;
background: rgba(0, 0, 0, 0.8);
color: #fff;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.imgWrap:hover .imgDescription {
visibility: visible;
opacity: 1;
}
La cosa funziona ad eccezione di un piccolo problema che ho illustrato in questo nuovo
post, spero che magari qualcuno leggendo qui possa trovare utile questo codice e/o trovare una soluzione al mio problema!