我尝试用jquery将第一个产品图像设置为shopify中产品页面中的背景图像，但是当我输入以下代码时，我遇到了问题：
$('body').css('background', '#FFFFFF') （这只是一个例子）
背景只出现在页面的中间，我尝试过，$('body').parent().css('background', '#FFFFFF')但是背景出现在页面的标题中，我已经在某些网站中搜索过，解决方案是我编写的代码，但我不知道为什么这在我的网站上不起作用。
我网站的网址是http://pruebakms4.myshopify.com/collections/frontpage/products/porducto-2
因此，如果有人可以帮助我，我将不胜感激。非常感谢。
您的原始背景图片将应用于“ body”和“ html”，因此当您使用javascript时，它将更改主体背景，但是html背景仍然存在。
由于使用CSS，body元素小于html元素，由于id为contenedorMenu的元素中的空白，因此boty元素下移了几个像素。
html height应该为100％，body不应指定高度，但min-height为100％（问题是在CSS的某个位置将body height设置为100％）。请参阅此处以供参考
而不是在#contenedorMenu中使用margin-top：2％，而是使用padding-top：2％。您的CSS应该看起来像：
html{
height: 100%;
}
body{
min-height:100%;
}
#contenedorMenu {
padding-top: 2%;
text-align: center;
position: relative;
z-index: 1;
}
之后，您的javascript调用将正常运行：
$('body').css('background', '#FFFFFF');
但是，请记住，您还将原始背景图像分配给了html元素，因此您可能需要执行以下操作：
$('body, html').css('background', '#FFFFFF');
它将新背景同时应用于body和html元素。或者，您可能希望清理CSS，以便永远不要将背景设置为html元素。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句