淘寶店鋪固定背景代碼

全屏固定背景是指在淘寶店鋪裏下拉

滾動條時背景依然位置不動，

不會跟隨滾動條滾動的全屏背景。

效果在線展現：

http://www.tbzxiu.com/zx/xinwangpu/14.htm

若是要製做全屏固定背景，首先要開通新旺鋪專業版，

新旺鋪專業版全屏固定背景製做教程

第一步：製做背景素材

網店裝修網提供了一套綠色的背景素材，適合各類類型的淘寶店鋪使用。

點擊下面的連接將背景解壓縮到您的電腦桌面。

下載：固定背景素材

若是您對背景有特殊的要求，能夠到根據咱們提供的素材進行PS處理，注意修改的過程當中不要更改圖片的長寬，中間白圖部分不要更改便可。

第二步：上傳素材到淘寶圖片空間，獲取圖片連接

登陸淘寶店鋪，進入賣家中心，在左側導航欄找到「圖片空間」，將下載的素材上傳。上傳成功後點擊連接複製圖片連接。

第三步：製做全屏固定背景特效代碼

代碼開始：

body{background:url(背景圖片地址) no-repeat fixed center top;}

代碼結束。

將上面的特效代碼粘貼進旺鋪CSS自定義裏。

如何找到CSS自定義框：

1：進入淘寶店鋪裝修後臺頁面，鼠標放在導航欄位置，出現編輯窗口，如圖：

2：點擊編輯，找到「顯示設置」，點擊後看到白框就是CSS自定義框。如圖：

 

第四步：修改特效代碼，保存發佈。

在第三步的特效代碼裏，將括號中的背景圖片地址更換爲您第二步複製的圖片連接，保存發佈便可看到全屏固定的背景效果了。