發(fā)現(xiàn)好多家的淘寶店鋪裝修的很大氣，其中之一亮點就是他們固定了頁面的背景，無論怎么往下拉頁面，背景都不會動。裝修宅介紹一個簡單易懂的淘寶背景固定代碼教程，方便各位店長設置淘寶背景圖片固定代碼。
代碼如下：
- body{background-image:url(http://img01.taobaocdn.com/imgextra/i1/911543064/T2MTMYXdBXXXXXXXXX_!!911543064.jpg);background-repeat:no-repeat;background-position:topcenter;background-attachment:fixed;}
需將上面的紅色提示文字“ http://img01.taobaocdn.com/imgextra/i1/911543064/T2MTMYXdBXXXXXXXXX_!!911543064.jpg”替換修改實際的淘寶背景固定圖片的地址。必須上傳到淘寶官方圖片空間，裝修宅分享的這個淘寶背景固定代碼，是其中一個天貓店鋪的背景圖，需搬家后才能顯示出來。
現(xiàn)在對這段樣式講解一下:
body 是整個頁面的基本元素,也是最外面的的一個HTML標簽;
background 是背景樣式,其中url里面的是背景圖片地址，no-repeat 代表圖片不平鋪（如果是基礎版店鋪，是repeat，注意修改代碼），center 代表圖片居中；
background-attachment 是最關鍵的，規(guī)定背景圖片是固定還是滾動，這里我們設置的當頁面的其余部分滾動時，背景圖像不會移動；
代碼安裝步驟：
1、制作淘寶店鋪固定背景圖片。一般背景圖片是1920px寬的，如果是集市店即C店，中間是留白950px寬，而天貓店鋪是中間留白990-1000px寬的。裝修宅上面代碼的背景圖片是天貓店鋪的，中間留白是1000px寬。可以拿下面的圖片作為參考，使用PS制作自己店鋪的固定背景圖。做好之后上存到自己店鋪的圖片空間。
天貓背景圖參考：http://img02.taobaocdn.com/imgextra/i2/911543064/T27HTMXhNbXXXXXXXX_!!911543064.jpg
C店背景圖參考：http://img01.taobaocdn.com/imgextra/i1/198804649/T2Ha41XCpaXXXXXXXX-198804649.jpg
nclick="window.open('/uploads/allimg/1401/1_140104152340_1.jpg')" />
| body{background-image:url(http://img02.taobaocdn.com/imgextra/i2/911543064/T27HTMXhNbXXXXXXXX_!!911543064.jpg);background-repeat:no-repeat;background-position:top center;background-attachment:fixed;} |
紅色段為固定背景圖片的絕對地址，替換成你的背景圖片地址。然后確定保存，即可顯示。
nclick="window.open('/uploads/allimg/1401/1_140104153037_1.jpg')" />3.請一定要把樣式里的背景、背景色去掉，否則無效。（如下）請設置一下，旺鋪背景，背景色不要打勾，頁面背景圖要刪除然后保存下就可以了。
如果代碼不會替換圖片代碼的，可以使用裝修宅提供的淘寶店鋪固定背景代碼在線生成工具：http://www.zhuangxiuzhai.com/gudingbeijing.html
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
本文來源： 天貓?zhí)詫毿峦佋O置店鋪固定背景代碼教程
