淘寶首頁(yè)交替背景怎么做？

有很多賣家朋友想要在店鋪首頁(yè)實(shí)現(xiàn)鼠標(biāo)滑動(dòng)，但是背景固定的效果，但是找不到該怎么操作?

怎么使用不同模塊上設(shè)置不同頁(yè)面背景并鎖定的效果?

為此幕思城小編專門去請(qǐng)教了大神，下面一起去看看吧！主要是利用到自由布局工具模塊背景及任意圖組件實(shí)現(xiàn)多層固定背景視覺(jué)差效果案例，圖片樣式自由設(shè)計(jì)，設(shè)計(jì)好在軟件里布局你要位置即可，背景尺寸建議：1920x1080px，高度要1080以上，如果高度矮了在滑動(dòng)的時(shí)候上下會(huì)直接顯示店鋪背景色，導(dǎo)致顯示不協(xié)調(diào)情況，具體請(qǐng)看我下面的操作演示~D2這個(gè)效果就一個(gè)操作：添加完組件生成淘寶裝修代碼的時(shí)候選背景固定溫馨提示：阿里巴巴單張圖片不要超過(guò)2M，高度寬度不要超1920px，超了上傳圖片空間會(huì)壓縮，導(dǎo)致圖片變小,這個(gè)問(wèn)題比較常見(jiàn)，大家注意一下哦~如果要做png透明圖或GIF動(dòng)態(tài)圖請(qǐng)上傳淘寶圖片空間按鍵盤上alt+方向鍵可以微移組件位置~任意圖鼠標(biāo)右鍵可鎖定畫多熱區(qū)操作完記得右上角備份一下操作記錄哦，下次可以導(dǎo)入再次編輯怎么把淘寶首頁(yè)背景圖固定?

具體方法如下。

準(zhǔn)備好一張像素1920*1080背景圖片。

打開淘寶圖片空間>指定好文件夾>點(diǎn)擊上傳圖片>在彈出新窗口點(diǎn)擊上傳>選擇已經(jīng)準(zhǔn)備好的背景圖點(diǎn)擊打開完成上傳。

點(diǎn)擊背景圖中的鏈接標(biāo)志，就可以復(fù)制成功。

進(jìn)入店鋪裝修>在導(dǎo)航欄上點(diǎn)擊編輯，進(jìn)入后要用的代碼全部復(fù)制body{background-image:url(圖片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}選擇顯設(shè)置>>粘貼代碼>>到空間復(fù)制鏈接>>覆蓋圖片地址點(diǎn)擊確定完成。

預(yù)覽看下效果，滿意了就點(diǎn)擊發(fā)布。

好了，自由布局工具模塊背景及任意圖組件實(shí)現(xiàn)多層固定背景實(shí)現(xiàn)方法就介紹到這里，喜歡的賣家朋友們可以動(dòng)手試一試，或許在你的下一個(gè)設(shè)計(jì)項(xiàng)目上嘗試使用。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。