html - Images are not shown in Chrome after changing list to grid -



html - Images are not shown in Chrome after changing list to grid -

i'm having unusual behaviour in google chrome browser. on website have list / grid view. changing between list , grid done javascript , css. thing javascript changing css class of list element.

so when first load page, images shown. changing list grid, images don't come until start scrolling or hover mouse on image. see illustration below.

this happens in chrome (38.0.2125.104 m (64-bit)) no problems ie, firefox don't have issue.

edit

the html, class grid changed list.

<ul class="grid"> <li><div>div product layout</div></li> <li><div>div product layout</div></li> <li><div>div product layout</div></li> </ul>

css

ul.grid > li { /*css here*/ } ul.list > li { /*css here*/ }

i had similar probleme chrome rendering. images there invisible till hover or so. seek add together -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0)

html css google-chrome

Comments

Popular posts from this blog

php - Edges appear in image after resizing -

ios8 - iOS custom keyboard - preserve state between appearances -

Delphi change the assembly code of a running process -