全屏固定背景是指在淘寶店鋪里下拉
滾動條時背景依然位置不動,
不會跟隨滾動條滾動的全屏背景。
效果在線展示:
http://www.tbzxiu.com/zx/xinwangpu/14.htm
如果要制作全屏固定背景,首先要開通新旺鋪專業版,
新旺鋪專業版全屏固定背景制作教程
第一步:制作背景素材
網店裝修網提供了一套綠色的背景素材,適合各種類型的淘寶店鋪使用。
點擊下面的鏈接將背景解壓縮到您的電腦桌面。
下載:固定背景素材
如果您對背景有特殊的要求,可以到根據我們提供的素材進行PS處理,注意修改的過程中不要更改圖片的長寬,中間白圖部分不要更改即可。
第二步:上傳素材到淘寶圖片空間,獲取圖片鏈接
登錄淘寶店鋪,進入賣家中心,在左側導航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點擊鏈接復制圖片鏈接。
第三步:制作全屏固定背景特效代碼
代碼開始:
body{background:url(背景圖片地址) no-repeat fixed center top;}
代碼結束。
將上面的特效代碼粘貼進旺鋪CSS自定義里。
如何找到CSS自定義框:
1:進入淘寶店鋪裝修后台頁面,鼠標放在導航欄位置,出現編輯窗口,如圖:
2:點擊編輯,找到“顯示設置”,點擊后看到白框就是CSS自定義框。如圖:
第四步:修改特效代碼,保存發布。
在第三步的特效代碼里,將括號中的背景圖片地址更換為您第二步復制的圖片鏈接,保存發布即可看到全屏固定的背景效果了。
