Изображение исчезает во время перехода в Google Chrome

samik

Пользователь
Регистрация
09.05.14
Сообщения
1
Реакции
0
Баллы
1
У меня есть очень раздражающая вещь в Google Chrome.
На моей странице есть сетка, похожая на сетку Pinterest, но она создана с использованием только CSS.
http://imgur.com/a/M7dtI
Изображение исчезает во время перехода в Google Chrome
У меня есть один div, который имеет все эти свойства количества столбцов и т.д.
В этом div есть элементы div «pin», которые соответствуют каждому отдельному изображению или «булавке».
И внутри этого div есть тег img.

Когда я не применял к тегу img никаких эффектов при наведении, все было в порядке.
Я попробовал много эффектов:
масштабирование, перемещение с помощью перевода, изменение ширины, высоты, поворота и фильтра.

Но когда какой-либо из упомянутых эффектов применен и я наводю курсор на изображение (например, среднее), оно исчезает. Когда я смотрю в код инспектора, он все еще там, но я его не вижу. (http://imgur.com/a/mYVRd)

Я попробовал то же самое в Mozilla Firefox, и странного поведения не было.

Может ли быть ошибка в моем коде или это просто реакция моего браузера?
 

Atlant1k

Пользователь
Регистрация
01.01.70
Сообщения
2
Реакции
0
Баллы
1
Адрес
Россия
Мне следует использовать Google немного больше.
Извините, что задаю вопросы, не потратив на поиск ответа хотя бы 30 минут.
В следующий раз буду внимательнее!

Если у кого-то такая же ошибка, как у меня, вот ответ:

Это ошибка Chrome, которая иногда появляется по какой-то причине. Все элементы с абсолютным позиционированием внутри контейнера с аппаратным ускорением (например, слайды) должны иметь класс rsAbsoluteEl или просто такие стили CSS, чтобы принудительно использовать hw-ускорение для мигающего элемента:

Этот текст взят с одного сайта.

Вы должны использовать это свойство (должно исправить ошибку):
-webkit-backface-visibility: скрыто;
-webkit-transform: TranslateZ(0);
 
Сверху Снизу