Reputation: 1733
I have encountered a strange bug using my OpenCart website in Chrome. The product images are not showing up but I see the white area where they should come.
If a product doesn't have an image it's aligned to the left but in this case I can see the white area where the picture normally is.
And here's the crazy part, if I click on inspect element, suddenly the image appears.
Some css code
.product-list .image {
float: left;
margin-right: 10px;
overflow: auto;
}
Upvotes: 4
Views: 10627
Reputation: 13926
So, since opening the Web Inspector resizes the page in some cases, you should look into:
For me this was the Picture element having a gap in its media attribute definitions (<source media=(min-width: 1824px)">
).
Upvotes: 0
Reputation: 11
Just to follow up on this issue, Mary's answer is the correct one, but for our circumstances it was important not to set a width and height in order to maintain responsiveness. But apparently setting width and height to auto works just as well, even though it makes no difference in appearance.
Upvotes: 1
Reputation: 111
More scenarios to replicate this issue 1. Close inspect if not already opened. 2. Resize inspect if already opened. 3. Resize browser window.
Upvotes: 1
Reputation: 270
That is weird. Regardless, things to check:
z-index
to the image with a value of 9999 to checkLet me know how this turns out.
Upvotes: 2