Html 背景图像大小显示不正确-CSS

我一直在尝试为Shopify上的特定收藏页面插入背景图像。我能够编辑collection.liquid文件，以及允许图像显示的main.ccs文件。我在过去做过这件事，图像看起来很好。我认为我试图上传的当前图像的问题在于它是水平的。目前，图像正在被切断，我试图编辑背景大小的每一件事都没有起到任何作用。我只需要图像完全显示在屏幕上

下面是collection.liquid文件中的内容：

   <style>
   body { background: url({{ 'slattzy-background-image.jpg' | asset_url }})
   </style>

---

尝试背景大小：自动；或背景大小：包含；或背景尺寸：封面；取决于您是否希望图像拉伸。 20px 20px的背景大小将仅显示原始图像最左上角的20 x 20像素部分

---

我只是继续，将背景大小替换为这三个不同的选项。出于某种原因，它根本没有做任何改变。你知道它为什么会这样做吗？再看看你问题中的代码，我注意到你展示了两个不同元素（主体和背景元素）的CSS代码，包括两个不同的图像URL。确保将样式应用于正确的DOM元素。HTML代码中是否有class=“background element”的元素？如果不是，则应将背景元素的样式直接应用于主体。或者使用class=“background element”将所有HTML代码包含在一个div中。

     .background-element {
       background-image: ({{ 'ssg-background-image.jpg' | asset_url }});
       background-size: 20px 20px;
       background-position: center; /* or 50% 50% */
       background-repeat: no-repeat;

      position: fixed;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
     }