Этот css, кажется, отлично работает в режиме предварительного просмотра, но когда я загружаю его на сервер, тень и масштабирование изображения при наведении не работают.также на страницах проекта в режиме предварительного просмотра позади моего основного изображения есть черный фон, но он не отображается после загрузки.
#carousel {
background-color: #0C090D;
}
@media screen and (max-width: 720px) {
.artist-about { display: none; }
#prod-img { width: 50vw; }
}
#prod-img {
max-width: 100vw;
background-color: #0C090D;
}
#img-cont {
background-color: #0C090D;
}
.card {
transition: all .2s ease-in-out;
}
.card:hover {
box-shadow: 0 5px 15px rgba(0,0,0,.5);
transform: scale(1.025);
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
color: inherit;
text-decoration: none;
}
.btn {
border: 1px solid #0C090D;
}
Я хотел бы знать, в чем проблема и почему она дает толькомои проблемы однажды загрузили.благодарю вас.Вы можете увидеть, что моя проблема в настоящее время, посетив http://zrwpureart -com.stackstaging.com /