html - Images are not showing up on mobile devices -


i've got weird issue, apparently happens on mobile devices (or devices less width/height normal desktop, tested on chrome viewport rendering). images on bottom of page not displaying, but..

they appear in specific moments:

  • when refresh page when images in viewport, appear correctly,
  • when resize screen, images appear,
  • when change css properties (doesn't matter one, can change existing property, add one, or disable one) in chrome inspector appear

preview picture: enter image description here sure not connected grayscale filter, becauase removing property , problem still occurs. i've tried remove transitions, overflow , still no help.

here css class .partners--partner

.partners--partner {     border: 5px solid #f4f4f4;     font-size: 0;     height: 144px;     line-height: 134px;     overflow: hidden;     position: relative;     text-align: center;     transition: 0.3s ease;     vertical-align: middle; } 

more information structure , code:

http://jsfiddle.net/8kuuyulp/2/


Comments

Popular posts from this blog

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

apache - Error with PHP mail(): Multiple or malformed newlines found in additional_header -

java - Android – MapFragment overlay button shadow, just like MyLocation button -