我們很多賣家其實在淘寶店鋪裝修中都是花了很多心思的,但是有些東西還做的有點美中不足,那就是固定背景。
簡單來說固定背景就是當(dāng)我們將店鋪的首頁往下拉的時候,兩側(cè)始終會跟隨著往下移動,這也是為什么那些大賣家的店鋪裝修都會弄成這樣的,如果我們將固定背景裝修好了的話,是不論我們怎么拉動頁面都是可以讓我們兩邊的促銷文案、活動信息、二維碼等等展示給買家看,而實現(xiàn)這個功能一般需要通過代碼來實現(xiàn)。固定背景效果,如圖中:
1.固定背景代碼:
body{background:url(圖片地址) no-repeat center;background-attachment:fixed;}
2.樣式講解:
body 是整個頁面的基本元素,也是最外面的的一個HTML標(biāo)簽;
background 是背景樣式,其中url里面的是背景圖片地址,no-repeat 代表圖片不平鋪,center 代表圖片居中;
background-attachment 是最關(guān)鍵的,規(guī)定背景圖片是固定還是滾動,這里我們設(shè)置的當(dāng)頁面的其余部分滾動時,背景圖像不會移動;
3.固定背景裝修教程如下:
固定背景的圖片需要提前上傳到圖片空間,建議使用1920PX寬度的大圖,中間950PX是被店鋪主頁面擋住的,不顯示。
1)打開店鋪裝修
2)點擊導(dǎo)航欄區(qū)域的編輯按鈕
3)點擊顯示設(shè)置
4)復(fù)制代碼進入(如果有導(dǎo)航欄CSS自定義代碼,請回車后直接加在代碼后面)
注意:店鋪背景設(shè)置中的顏色和圖片必須取消,這一點也是至關(guān)重要的,否則將會覆蓋掉剛才的樣式設(shè)置,無法看到效果。
樂發(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ī)則
本文來源: 簡單的固定背景裝修教程