在修复CSS背景图像样式格式以更好地兼容Firefox和IE后,我发现当您在页面上向上和向下滚动时,Chrome会间歇性地丢失背景图像。它并非总是发生,但仍然如此频繁以至于用户会注意到您有时会松开侧面板和底板上的背景。
作为一名javascript新手,我开始创建一些非常简单的东西,以修复位于以下网站的网站:http://greencoconut.nl/over/
在搜索这个问题时,我发现其他人也在努力解决这个问题。知道我必须刷新图像背景,我已经写了一些代码。
以下是按ID分类的两个div的javascript,但不会加载setInterval事件:
/** trying to fix bug with backgrounds
* source http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/
*/
jQuery(document).ready(function() {
divObj = document.getElementById('recent-posts-2');
strLink = "url('" + "http://greencoconut.nl/wp/wp-content/themes/origami-paper/images/planken-widget-achtergrond.jpg" + "')";
if (/chrome/.test(navigator.userAgent.toLowerCase())) {
setInterval(function() {
divObj.style.backgroundImage = strLink
}, 3000);
}
});
jQuery(document).ready(function() {
divObj = document.getElementById('tag_cloud-2');
strLink = "url('" + "http://greencoconut.nl/wp/wp-content/themes/origami-paper/images/planken-widget-achtergrond.jpg" + "')";
if (/chrome/.test(navigator.userAgent.toLowerCase())) {
setInterval(function() {
divObj.style.backgroundImage = strLink
}, 3000);
}
});
变量似乎工作正常,但间隔函数无法启动。我也尝试过只有一个,但这也无济于事。它可能很简单,但我很难找到它。我尝试使用和不使用变量,但它不启动间隔函数。