At this link: http://matchbookshop-staging.herokuapp.com/issues/december-2012(yes that's an unprotected staging environment, feel free to poke around)There is issue navigation at the bottom of the magazine. When you navigate to a page with products they are rendered below the magazine. You'll notice that on webkit browsers only about the top 15-20px of the image is rendered until the mouse is moved. I've tried a bunch of things to fix this, changed the size of the image after loading with jquery, tried a bunch of different css tactics. Nothing seems to work. I've also checked out this answer: Webkit browsers not fully rendering background-image, the only similar one I could find on SO, but it wasn't able to fix my problem. Any help would be appreciated.
Images don't fully render on webkit browsers when called through ajax
- Thread starter MyRune
- Start date