为什么延迟加载会重新定位背景图像？
我正在我的网站上实现懒惰加载，但出于某种原因，当图像完全加载并显示时，图像位置会发生变化。
我曾尝试重新安排调用js和css文件的位置，但没有成功。
https://jsfiddle.net/f3q01ha5/3/
- 这是没有懒惰加载和我想要的背景位置：
.right-image{
background: url("https://images.unsplash.com/photo-1511910849309-0dffb8785146?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60");
}
.right-image
{
background: url("https://placekitten.com/g/500/500");
}
.right-image.visible {
background: url("https://images.unsplash.com/photo-1511910849309-0dffb8785146?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60");
}
我已经附加了JSFIDLE，但请注意，我无法在这个网站上运行惰性加载，但在本地运行良好。
无论我是否使用延迟加载程序，我都希望背景图像加载到相同的位置。任何指导都意义重大。
谢谢你
共有1个答案
我发现了我的错误。我没有应用背景位置到我的right-image.visiblecss。谢谢你们
-
Flask 通常配合装饰器使用，装饰器使用非常简单，而且使您可以将 URL 和处理它的函数 放在一起。然而这种方法也有一种不足: 这就意味着您使用装饰器的代码必须在前面导入， 否则 Flask 将无法找到您的函数。 这对于需要很快导入的应用程序来说是一个问题，这种情况可能出现在类似谷歌的 App Engine 这样的系统上。所以如果您突然发现您的引用超出了这种方法可以处理 的能力，您可以降级到中央
-
我在我的WordPress网站上使用JetPack，并启用了延迟加载。然而，在我的网站中，我用AJAX更新了一些内容，这导致加载1x1占位符的图像，而不是真正的图像，这是懒惰加载会处理的。 如何使用Jet Pack再次调用延迟加载？我似乎记得有一个JavaScript函数，但找不到它是什么。
-
1、mybatis 是否支持延迟加载？ 延迟加载其实就是讲数据加载时机推迟，比如推迟嵌套查询的时机。 延迟加载可以实现先查询主表，按需实时做关联查询，返回关联表结果集，一定程度上提高了效率。 mybatis仅支持关联对象association和关联集合对象collection的延迟加载，association是一对一，collection是一对多查询，在mybatis配置文件中可以配置lazylo
-
问题内容： 什么是Java的延迟加载？我不明白这个过程。有人可以帮助我了解延迟加载的过程吗？ 问题答案： 假设您有一个父母，而那个父母有很多孩子。Hibernate现在可以“延迟加载”子级，这意味着它在加载父级时实际上并不会加载所有子级。而是在要求时加载它们。您可以显式地请求此请求，或者，更常见的是，当您尝试访问孩子时，hibernate会自动加载它们。 延迟加载可以帮助显着提高性能，因为通常您不
-
问题内容： Java中的延迟加载是什么？我不明白这个过程。有人可以帮助我了解延迟加载的过程吗？ 问题答案： 假设你有一个父母，而那个父母有很多孩子。Hibernate现在可以“延迟加载”子级，这意味着在加载父级时，它实际上并未加载所有子级。而是在要求时加载它们。你可以显式地请求此请求，也可以是更常见的情况，当你尝试访问孩子时，hibernate会自动加载它们。 延迟加载可以帮助显着提高性能，因为通
-
描述 (Description) 延迟加载可应用于图像，背景图像和淡入效果，如下所述 - 对于图像 要在图像上使用延迟加载，请按照给定的步骤进行操作 - 使用data-src属性而不是src属性来指定图像源。 将类lazy添加到图像。 <div class = "page-content"> ... <img data-src = "image_path.jpg" class = "l