Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Image Tiling Border Bleedout in Chrome

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #204209
    szahn
    Participant

    Trying to build a large image viewer by tiling a series of smaller absolutely positioned image tiles together. This renders find in most browsers, where each tiled image appears perfectly lined up to the surrounding ones. However, on some browsers, most notably when viewing this on a high DPI laptop like the Macbook Pro on Google Chrome, when zooming in the page in and out several factors, there appears to be a border bleed out on some tiles. Not sure why this happens. I’m not a CSS expert, but if anyone could point out what CSS rules I’m missing to make this look flawless on all browsers, it would be greatly appreciated.

    JSFiddle Link: https://jsfiddle.net/w5kfseno/

    I can’t use images, I’d rather use divs with background images. The red is an image placeholder. The problem is that I can see blue lines at various zoom levels in Chrome. This should not be happening.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.