每當(dāng)看到別家店鋪高大上的全屏背景圖,都會(huì)羨慕不已,反觀自家的背景圖,都會(huì)有種小家的感覺。但是,并非淘寶裝修高手的我們,能否做到這種效果,答案是肯定的。另外,這種效果的制作并不難。今天,小編為大家?guī)砣凉潭ū尘暗闹谱鹘坛獭?br />
第一步:準(zhǔn)備素材
這里我們先找到一套綠色的背景素材,這類型的可適用的范圍較廣。
當(dāng)然,每個(gè)人都有各自的風(fēng)格,要做到自己的風(fēng)格,需要對(duì)素材做適當(dāng)?shù)奶幚恚牵薷牡倪^程要注意圖片的長(zhǎng)寬。
第二步:將素材上傳到圖片空間,復(fù)制生成的鏈接
第三步:下面這是制作全屏固定背景的特效代碼
代碼如下:
------》 body{background-image:url(背景圖片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;} 《------
代碼結(jié)束。
把上述代碼復(fù)制粘貼到旺鋪的CSS自定義框里。
1:在店鋪的裝修后臺(tái),點(diǎn)擊編輯按鈕;如下圖所示:
2:看到“顯示設(shè)置”之后,點(diǎn)擊后看到白框就是CSS自定義框。如下圖所示:
第四步:修改特效代碼,保存發(fā)布。
在第三步的特效代碼里,替換將括號(hào)中的背景圖片地址,保存發(fā)布完畢,即可看到高大上的全屏固定效果了。操作過程是不是很簡(jiǎn)單?
這里我們先找到一套綠色的背景素材,這類型的可適用的范圍較廣。
當(dāng)然,每個(gè)人都有各自的風(fēng)格,要做到自己的風(fēng)格,需要對(duì)素材做適當(dāng)?shù)奶幚恚牵薷牡倪^程要注意圖片的長(zhǎng)寬。
第二步:將素材上傳到圖片空間,復(fù)制生成的鏈接
第三步:下面這是制作全屏固定背景的特效代碼
代碼如下:
------》 body{background-image:url(背景圖片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;} 《------
代碼結(jié)束。
把上述代碼復(fù)制粘貼到旺鋪的CSS自定義框里。
1:在店鋪的裝修后臺(tái),點(diǎn)擊編輯按鈕;如下圖所示:
2:看到“顯示設(shè)置”之后,點(diǎn)擊后看到白框就是CSS自定義框。如下圖所示:
第四步:修改特效代碼,保存發(fā)布。
在第三步的特效代碼里,替換將括號(hào)中的背景圖片地址,保存發(fā)布完畢,即可看到高大上的全屏固定效果了。操作過程是不是很簡(jiǎn)單?
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國(guó)內(nèi)超市采購商與批發(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ī)則
本文來源: 裝修經(jīng)驗(yàn) 制作全屏背景圖