Clever Geek Handbook

Elements are invisible for no apparent reason only in Safari

I have a site that works fine in Chrome, Firefox, IE7-11, android, iOS (both ipad and iphone), but for some unknown reason, all elements except the title and the rotating banner are invisible in Safari and only Safari.

All elements are present, and when checked, the outlines of each individual element appear.

If I turn off CSS, all the elements appear and will be there.

When I view a page that is just an empty space for the post part, sometimes some elements will appear very vaguely, perhaps only a thin vertical bar of the element will be visible, then it will disappear.

I cannot make the site public at the moment, but here is a screenshot showing the problem:

screenshot

Has anyone had something like this before in Safari or have any suggestions?

+3


source to share


2 answers


It looks like the div is hidden.



Add z-index:1;

in a div with a class tdp_row_fullwidth center-yes light-no

and the div appears in safari for me.

+2


source


What worked for me is that the font family that was used was not loaded in Safari, as soon as I changed it, the item "showed" up.



0


source






More articles:


All Articles