有很多賣家朋友想要在店鋪首頁實現鼠標滑動,但是背景固定的效果,但是找不到該怎么操作?怎么使用不同模塊上設置不同頁面背景并鎖定的效果?為此開淘小編專門去請教了大神,下面一起去看看吧!
主要是利用到自由布局工具模塊背景及任意圖組件實現多層固定背景視覺差效果案例,圖片樣式自由設計,設計好在軟件里布局你要位置即可,背景尺寸建議:1920x1080px,高度要1080以上,如果高度矮了在滑動的時候上下會直接顯示店鋪背景色,導致顯示不協調情況,具體請看我下面的操作演示~
這個效果就一個操作:添加完組件生成淘寶裝修代碼的時候選背景固定
溫馨提示:阿里巴巴單張圖片不要超過2M,高度寬度不要超1920px,超了上傳圖片空間會壓縮,導致圖片變小,這個問題比較常見,大家注意一下哦~
如果要做png透明圖或GIF動態圖請上傳淘寶圖片空間
按鍵盤上alt+方向鍵可以微移組件位置~任意圖鼠標右鍵可鎖定畫多熱區
操作完記得右上角備份一下操作記錄哦,下次可以導入再次編輯
怎么把淘寶首頁背景圖固定?
具體方法如下。
準備好一張像素1920*1080背景圖片。
打開淘寶圖片空間>指定好文件夾>點擊上傳圖片>在彈出新窗口點擊上傳>選擇已經準備好的背景圖點擊打開完成上傳。
點擊背景圖中的鏈接標志,就可以復制成功。
進入店鋪裝修>在導航欄上點擊編輯,進入后要用的代碼全部復制body{background-image:url(圖片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
選擇顯設置>>粘貼代碼>>到空間復制鏈接>>覆蓋圖片地址點擊確定完成。
預覽看下效果,滿意了就點擊發布。好了,自由布局工具模塊背景及任意圖組件實現多層固定背景實現方法就介紹到這里,喜歡的賣家朋友們可以動手試一試,或許在你的下一個設計項目上嘗試使用。
推薦閱讀: