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背景圖像

回答

相關問題