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
Post a Comment