Html 懒洋洋背景图像 .banner{ 背景：cloudinary url（“images\u mobile/buy\u gift\u cards/buy giftcard banner.png”、$secure:true、$fetch\u format:“auto”、$quality:“auto”、$flags:“lossy”）；背景重复：无重复；背景位置：上中；高度：200px；背景尺寸：自动100%； }_Html_Css_Image_Background_Lazy Loading

Html 懒洋洋背景图像 .banner{ 背景：cloudinary url（“images\u mobile/buy\u gift\u cards/buy giftcard banner.png”、$secure:true、$fetch\u format:“auto”、$quality:“auto”、$flags:“lossy”）；背景重复：无重复；背景位置：上中；高度：200px；背景尺寸：自动100%； }

html css image

Html 懒洋洋背景图像 .banner{ 背景：cloudinary url（“images\u mobile/buy\u gift\u cards/buy giftcard banner.png”、$secure:true、$fetch\u format:“auto”、$quality:“auto”、$flags:“lossy”）；背景重复：无重复；背景位置：上中；高度：200px；背景尺寸：自动100%； },html,css,image,background,lazy-loading,Html,Css,Image,Background,Lazy Loading,有人能帮我实现lazyload吗？我用的是他们的JavaScript，并用它得到了未统一的版本。然后删除您的css，并在HTML中添加一个图像标记作为文档，图像标记有一个名为class=“lazyload”的类你需要做什么：首先下载脚本文件，将其添加到js目录中。然后将文件链接到您的网页HTMLas-script标记中，如下所示： .banner{ background: cloudinary-url("images_mobile/buy_gift_cards/buy-giftcard-

有人能帮我实现lazyload吗？

我用的是他们的JavaScript，并用它得到了未统一的版本。然后删除您的

css

，并在

HTML

中添加一个图像标记作为文档，图像标记有一个名为

class=“lazyload”

的类

你需要做什么：

首先下载脚本文件，将其添加到

js

目录中。然后将文件链接到您的网页

HTML

as-script标记中，如下所示：

.banner{
  background: cloudinary-url("images_mobile/buy_gift_cards/buy-giftcard-banner.png", $secure: true, $fetch_format: "auto", $quality: "auto", $flags: "lossy");
  background-repeat: no-repeat;
  background-position: top center;
  height:200px;
  background-size:auto 100%;
}
<div class="banner">

</div>

.banner img{
/*背景：cloudinary url（“images\u mobile/buy\u gift\u cards/buy giftcard banner.png”、$secure:true、$fetch\u format:“auto”、$quality:“auto”、$flags:“lossy”）；
背景重复：无重复；
背景位置：上中*/
高度：200px；
/*背景尺寸：自动100%*/
}

使用该链接可以准确地告诉您该做什么？是的，懒汉，是的，通过这种方式我们可以做到。但是我们可以保持背景css选项不变吗？我想如果我看一下文档，它是

img

标签的唯一选项，但是你可以用

img

标签做背景图像css的所有事情。

 <head>
    <script src="yourdirectory/lazysizes.min.js" async=""></script>
 </head>