Wordpress页面加载但所有内容都不可见

Question

我最终试图弄清楚我的网站页面发生了什么。在桌面上，全屏，我的页面加载和显示没有问题。事实上，页面测试很好，并且FireBug控制台中没有出现错误。如果我将浏览器窗口的大小调整为具有屏幕大小并刷新页面，或者加载网站上的其他页面之一，则页面似乎加载但所有内容都不可见。 Firebug显示所有代码都正确加载，滚动条似乎显示内容大于窗口，如果我在页面上移动鼠标时使用firebug内容检查器各个部分突出显示但是一切都是白色的（即不可见） 。如果我然后调整窗口大小以使其变大，则突然出现所有内容。

我制作了一个视频，通过以下链接进行演示：DropBox page load video

该页面根本不会在移动设备上显示，但同样会出现滚动条，表示内容在那里但只是不可见。

如果您想尝试自己，网址为http://sounusual.com

之前有没有人遇到过这个问题？什么可能导致它，我怎么解决它？

一点背景知识。该网站正在使用Wordpress。问题肯定与正在使用的模板有关。模板似乎是由业余爱好者创建的。他正试图解决我遇到的一些问题，但似乎一直在讨论这个问题，所以我最终可能不得不自己解决这个问题，但我不确定从哪里开始寻找。

TIA

Answer 1

我在您的网站上进行了一些实验，问题的来源似乎是包含 .page-transition 类的主要内容的div包装器：

<div class="page-transition" ...

该类的不透明度设置为0：

.page-transition {
    position: relative;
    opacity: 0;
    ...

当设备大小超过1200px时，该div会获得额外的 .pageTransitionEnd 类，将不透明度设置为1：

.page-transition.pageTransitionEnd {
    opacity: 1;
}

所以你需要弄清楚是什么添加了.pageTransitionEnd类以及为什么它不适用于小于1200px的设备宽度。