我們很多賣家其實在淘寶店鋪裝修中都是花了很多心思的,但是有些東西還做的有點美中不足,那就是固定背景。
簡單來說固定背景就是當我們將店鋪的首頁往下拉的時候,兩側始終會跟隨著往下移動,這也是為什么那些大賣家的店鋪裝修都會弄成這樣的,如果我們將固定背景裝修好了的話,是不論我們怎么拉動頁面都是可以讓我們兩邊的促銷文案、活動信息、二維碼等等展示給買家看,而實現這個功能一般需要通過代碼來實現。固定背景效果,如圖中:
1.固定背景代碼:
body{background:url(圖片地址) no-repeat center;background-attachment:fixed;}
2.樣式講解:
body 是整個頁面的基本元素,也是最外面的的一個HTML標簽;
background 是背景樣式,其中url里面的是背景圖片地址,no-repeat 代表圖片不平鋪,center 代表圖片居中;
background-attachment 是最關鍵的,規定背景圖片是固定還是滾動,這里我們設置的當頁面的其余部分滾動時,背景圖像不會移動;
3.固定背景裝修教程如下:
固定背景的圖片需要提前上傳到圖片空間,建議使用1920PX寬度的大圖,中間950PX是被店鋪主頁面擋住的,不顯示。
1)打開店鋪裝修
2)點擊導航欄區域的編輯按鈕
3)點擊顯示設置
4)復制代碼進入(如果有導航欄CSS自定義代碼,請回車后直接加在代碼后面)
注意:店鋪背景設置中的顏色和圖片必須取消,這一點也是至關重要的,否則將會覆蓋掉剛才的樣式設置,無法看到效果。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 簡單的固定背景裝修教程