I recently had a rather confusing bug where on Chromium, a background image on one of my elements kept disappearing and would only appear if I scrolled down past it and then scrolled back up. Super weird.

It turns out, Chromium wasn’t too happy with me using:

text-indent: -9999px

Instead, I switched it out to use The H5BP Image Replacement Technique instead and problem solved! It looks like this:

.h5bp {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background: url([YOURURL]);
  width: [YOURWIDTH];
  height: [YOURHEIGHT];

Confusion resolved! Hooray!

Leave me a comment!

Your email address will not be published. Required fields are marked *