Я пытаюсь получить прозрачную черную накладку появляться при наведении курсора на изображение на этой странице:CSS накладываемого изображения не работают
Я не уверен, где я неправильно, хотя, как это не делает ничего. Я хотел бы, чтобы наложение имело немного дополнений со сторон изображения, которое также продолжалось бы при изменении размера сайта.
.photo-gallery div {
display: inline-block;
margin: 1%;
width: 31%;
position: relative;
}
.photo-gallery div a {
line-height: 0;
display: block;
}
.overlay {
position: absolute;
z-index: 200;
width: 90%;
height: 90%;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
background-color: rgba(0, 0, 0, 0.7);
}
.photo-gallery div a:hover .overlay {
display: block;
}
Это хорошо работает. Как мне добавить добавление% отложения вокруг наложения? – user1110562
ididn't получить вас –
сделать так, чтобы я мог попробовать nd, дайте знать –