Question

我们公司的网站（http://latitudesign.net）今天早上正常工作并加载了文本动画和背景滑块（backstretch.js）。但是，在更新网站的徽标后，网站现在隐藏在白色背景后面，并且随着它的大小调整，网站的主体再次变得明显。有任何想法吗？我已经尝试恢复到以前的网站状态然而无济于事。它似乎只发生在Chrome上，没有在任何其他浏览器上看到问题，包括移动设备。

运行页面加载的代码

<script type="text/javascript">
//<![CDATA[
    $(window).load(function() { // makes sure the whole site is loaded
        $("#status").fadeOut(); // will first fade out the loading animation
        $("#preloader").delay(350).fadeOut("slow"); // will fade out the white DIV that covers the website.



     $.backstretch([
 "images/13.jpg",
 "images/34.jpg",
 "images/44.jpg",
 "images/AIG_interior.gif",
 "images/30.jpg",
 "images/31.jpg",
 "images/32.jpg",
 "images/42.gif",
 "images/35.jpg",
 "images/36.jpg"
], {
    fade: 1000,
    duration: 2700

}); 




    })
//]]>

我在CSS中改变了什么原因会导致这种情况发生吗？

Answer 1

这是主持人或您的问题.htaccess，

似乎缺少此文件，而不是显示未找到的页面。解决方案只是创建此文件或删除链接到它的html行。

Answer 2

你需要位置：在后伸上相对。

<div class="backstretch" style="[...]position: relative;">

Answer 3

问题是animate.css ...我删除了它，现在它正常工作。

Chrome在网站上显示白色叠加层

3 个答案: