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

  • Автор темы samik
  • 32
  • Обновлено
  • 13, May 2024
  • #1
У меня есть очень раздражающая вещь в Google Chrome. На моей странице есть сетка, похожая на сетку Pinterest, но она создана с использованием только CSS.
http://imgur.com/a/M7dtI

У меня есть один div, который имеет все эти свойства количества столбцов и т.д.

В этом div есть элементы div «pin», которые соответствуют каждому отдельному изображению или «булавке».

И внутри этого div есть тег img.

Когда я не применял к тегу img никаких эффектов при наведении, все было в порядке.

Я попробовал много эффектов:

масштабирование, перемещение с помощью перевода, изменение ширины, высоты, поворота и фильтра.

Но когда какой-либо из упомянутых эффектов применен и я наводю курсор на изображение (например, среднее), оно исчезает.

Когда я смотрю в код инспектора, он все еще там, но я его не вижу.

(http://imgur.com/a/mYVRd

) Я попробовал то же самое в Mozilla Firefox, и странного поведения не было. Может ли быть ошибка в моем коде или это просто реакция моего браузера?

samik


Рег
09 May, 2014

Тем
1

Постов
1

Баллов
11
  • 04, Jun 2024
  • #2
Мне следует использовать Google немного больше. Извините, что задаю вопросы, не потратив на поиск ответа хотя бы 30 минут. В следующий раз буду внимательнее! Если у кого-то такая же ошибка, как у меня, вот ответ: Это ошибка Chrome, которая иногда появляется по какой-то причине.

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

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

Вы должны использовать это свойство (должно исправить ошибку):

-webkit-backface-visibility: скрыто;

-webkit-transform: TranslateZ(0);
 

Atlant1k


Рег
01 Jan, 2011

Тем
1

Постов
2

Баллов
12
Тем
49554
Комментарии
57426
Опыт
552966

Интересно