發(fā)現(xiàn)好多家的淘寶店鋪裝修的很大氣，其中之一亮點(diǎn)就是他們固定了頁(yè)面的背景，無(wú)論怎么往下拉頁(yè)面，背景都不會(huì)動(dòng)。裝修宅介紹一個(gè)簡(jiǎn)單易懂的淘寶背景固定代碼教程，方便各位店長(zhǎng)設(shè)置淘寶背景圖片固定代碼。
代碼如下：
- 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”替換修改實(shí)際的淘寶背景固定圖片的地址。必須上傳到淘寶官方圖片空間，裝修宅分享的這個(gè)淘寶背景固定代碼，是其中一個(gè)天貓店鋪的背景圖，需搬家后才能顯示出來(lái)。
現(xiàn)在對(duì)這段樣式講解一下:
body 是整個(gè)頁(yè)面的基本元素,也是最外面的的一個(gè)HTML標(biāo)簽;
background 是背景樣式,其中url里面的是背景圖片地址，no-repeat 代表圖片不平鋪（如果是基礎(chǔ)版店鋪，是repeat，注意修改代碼），center 代表圖片居中；
background-attachment 是最關(guān)鍵的，規(guī)定背景圖片是固定還是滾動(dòng)，這里我們?cè)O(shè)置的當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)；
代碼安裝步驟：
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;} |
紅色段為固定背景圖片的絕對(duì)地址，替換成你的背景圖片地址。然后確定保存，即可顯示。
nclick="window.open('/uploads/allimg/1401/1_140104153037_1.jpg')" />3.請(qǐng)一定要把樣式里的背景、背景色去掉，否則無(wú)效。（如下）請(qǐng)?jiān)O(shè)置一下，旺鋪背景，背景色不要打勾，頁(yè)面背景圖要?jiǎng)h除然后保存下就可以了。
如果代碼不會(huì)替換圖片代碼的，可以使用裝修宅提供的淘寶店鋪固定背景代碼在線生成工具：http://www.zhuangxiuzhai.com/gudingbeijing.html
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 天貓?zhí)詫毿峦佋O(shè)置店鋪固定背景代碼教程
