Shopify背景图像

我试图用jQuery设置的第一个产品形象，在shopify产品页面的背景图像，但我有一个问题，当我把这个代码：Shopify背景图像

$('body').css('background', '#FFFFFF')（这只是一个例子）

背景只出现在页面中间，我试着用$('body').parent().css('background', '#FFFFFF')，但背景出现在页面的标题中，我在一些网站上搜索，解决方案是我写的代码，但我的不知道为什么这不适合我的网站。

我的网站的网址是http://pruebakms4.myshopify.com/collections/frontpage/products/porducto-2

所以，如果有人能帮助我，我对此表示赞赏。非常感谢。

2015-12-28 snake_404

如果你想改变身体而不使用parent（）' –

只有当我设置它为'$（'body'）.css（'background'，'#FFFFFF'）把这段代码，背景出现在页面中间，你可以在图像中看到结果：http://s3.postimg.org/5qij7zzya/error_CSS.jpg –

从porducto-2'media =“全部删除css “html，body bakcground-image：...'它会给你身上的白色背景 – Dhara

您的原始背景图像应用到“身体”和“HTML”，所以，当你使用你的JavaScript，它改变了身体的背景，但是HTML的背景仍然存在。

主体元素比你的HTML元素小，由于你的CSS，并且BOTY元素由于与ID contenedorMenu元素边缘移动几个像素下来。

html高度应该是100％，身体不应该有指定的高度，但最小高度为100％（问题在于你的css中的某个位置将身高设置为100％）。 See here for reference

而代替使用边距：在#contenedorMenu 2％，使用填充顶：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');

其中适用新的背景，以身体和HTML元素。 或者你可能想清理你的CSS，所以背景从未设置为你的HTML元素。

来源

2015-12-28 16:04:51 innocuo

非常感谢，这解决了我的问题= D –

Shopify背景图像

回答

相关问题