Попытка создать ссылку в галерее изображений, которая использует стиль фонового изображения ⇐ CSS

[Anonymous]

Я использую следующий лист стилей. Я очень доволен этим, за исключением того, что я пытаюсь сделать изображения щелчками. < /P>

Код: Выделить всё

Когда я пытаюсь сделать его щелчок (добавить ссылку), он искажает изображение. До сих пор ни один не работает. />

Код: Выделить всё

.figcaption {
background-color: #222;
color: #fff;
font: italic smaller sans-serif;
padding: 3px;
text-align: center;
}
.gallery {
width: 1280px;
display: flex;
}
.gallery div {
width: 100%;
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 40px;
padding: 20px;
flex: none;
}
.gallery .thumbnail {
border: 1px solid #CCC;
width: 150px;
height: 150px;
background-repeat: no-repeat;
/*background-size: contain;*/
background-size: cover;
background-position: center center;
}

.img {
max-width: 220px;
max-height: 150px;
}

Подробнее здесь: https://stackoverflow.com/questions/797 ... ge-styling