There is a recent post published on the front page of our website, midstory.org, titled "Toledo’s Jazz Scene Is Roaring Once Again". When viewed on a 1008p screen, there is a thin colored line that appears on the top edge of the image, that would otherwise not be there. We're trying to determine what is causing this because it comes and goes based on the scaling of the image (you can easily replicate it by going to the homepage and sizing the browser window to see what happens). At first, I thought it was a shadow artifact that could be doing something, but I'm not sure and so far, I have been unable to isolate this subtle problem. Has anyone seen this before? What did you do to fix it?
Modified 8 months ago
Viewed 16 times
background-repeat:none;, it's not a mystery line or artefact, it's a tiny sliver of the bottom of the image, because you have
background: cover;the image isn't big enough to fully cover the element vertically, and it's more obvious on that particular image.