Я пытаюсь изменить код для сайта и использую nodemon server.js для создания сайта localhost, где я могу отслеживать изменения, которые я делаю. Если я открываю localhost в chrome и исправляю вещи в соответствии с этим, то когда я открываю localhost в mozilla, веб-сайт испытывает глюки, и наоборот. Кто-нибудь знает, что это за проблема / как это исправить? Кроме того, при поиске на реальном веб-сайте (а не на локальном хосте) отображаются те же проблемы, поэтому он работает только в одном браузере.
В частности, я хочу, чтобы кнопка переворачивалась при наведении курсора на него, скрыватьтекст, который появился на лицевой стороне, и добавить связанные изображения на оборотной стороне, которая. В Mozilla кнопки переворачиваются, но текст не исчезает, а нажатие на изображения не открывает вкладку со ссылкой. Вот как это выглядит 1 . С другой стороны, вот как это выглядит в chrome 2 ;здесь ссылки работают.
Код CSS, который может вызывать проблемы:
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
Так как это переворачивает карту. В качестве альтернативы ошибка может быть связана с
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
, который определяет, что происходит с перевернутой картой.
Для справки, действующий веб-сайт, который я изменяю, связан здесь .