發(fā)現(xiàn)好多家的淘寶店鋪裝修的很大氣,其中之一亮點就是他們固定了頁面的背景,無論怎么往下拉頁面,背景都不會動。裝修宅介紹一個簡單易懂的淘寶背景固定代碼教程,方便各位店長設(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”替換修改實際的淘寶背景固定圖片的地址。必須上傳到淘寶官方圖片空間,裝修宅分享的這個淘寶背景固定代碼,是其中一個天貓店鋪的背景圖,需搬家后才能顯示出來。
現(xiàn)在對這段樣式講解一下:
body 是整個頁面的基本元素,也是最外面的的一個HTML標簽;
background 是背景樣式,其中url里面的是背景圖片地址,no-repeat 代表圖片不平鋪(如果是基礎(chǔ)版店鋪,是repeat,注意修改代碼),center 代表圖片居中;
background-attachment 是最關(guān)鍵的,規(guī)定背景圖片是固定還是滾動,這里我們設(shè)置的當頁面的其余部分滾動時,背景圖像不會移動;
代碼安裝步驟:
1、制作淘寶店鋪固定背景圖片。一般背景圖片是1920px寬的,如果是集市店即C店,中間是留白950px寬,而天貓店鋪是中間留白990-1000px寬的。裝修宅上面代碼的背景圖片是天貓店鋪的,中間留白是1000px寬??梢阅孟旅娴膱D片作為參考,使用PS制作自己店鋪的固定背景圖。做好之后上存到自己店鋪的圖片空間。
天貓背景圖參考:http://img02.taobaocdn.com/imgextra/i2/911543064/T27HTMXhNbXXXXXXXX_!!911543064.jpg
C店背景圖參考:http://img01.taobaocdn.com/imgextra/i1/198804649/T2Ha41XCpaXXXXXXXX-198804649.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;} |
紅色段為固定背景圖片的絕對地址,替換成你的背景圖片地址。然后確定保存,即可顯示。

3.請一定要把樣式里的背景、背景色去掉,否則無效。(如下)請設(shè)置一下,旺鋪背景,背景色不要打勾,頁面背景圖要刪除然后保存下就可以了。
如果代碼不會替換圖片代碼的,可以使用裝修宅提供的淘寶店鋪固定背景代碼在線生成工具:http://www.zhuangxiuzhai.com/gudingbeijing.html
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則