曾幾何時(shí)，你是否有過(guò)這樣的煩惱；曾幾何時(shí)，是否有過(guò)那樣的憂桑。

　　辛辛苦苦設(shè)計(jì)的店鋪?lái)?yè)面效果，然后滿懷欣喜去裝修到店鋪。卻發(fā)現(xiàn)導(dǎo)航條只能做990或者950寬度，不能全屏，并且超過(guò)950還能點(diǎn)擊。

　　那怎么才能，突破950或者990限制，超過(guò)外范圍也能實(shí)現(xiàn)點(diǎn)擊呢？就想下面這樣

　　一：原因分析

　　跟店鋪?zhàn)远x模塊不能全屏的原因是一樣的，都是因?yàn)橄拗屏藢挾龋⑶姨砑恿艘绯鲭[藏，造成不能全屏。

　　解決辦法也很簡(jiǎn)單，跟自定義模塊全屏原理一樣，不過(guò)我們是通過(guò)相對(duì)定位來(lái)實(shí)現(xiàn)全屏。

　　二：代碼演練

　　方法1：

　　如果你店鋪不是逃避基礎(chǔ)版的，那么我們可以直接進(jìn)入裝修后臺(tái)，頁(yè)頭設(shè)置里面，添加頁(yè)頭背景。這個(gè)頁(yè)頭背景就是店招和導(dǎo)航后面的背景圖。自己去試試就會(huì)知道怎么使用，很簡(jiǎn)單

　　方法:2：

　　只需要找到默認(rèn)導(dǎo)航條，最外層的框架。也就是class名位 skin-box-bd 的DIV標(biāo)簽。然后設(shè)置一些CSS樣式就會(huì)全屏了、

　　.skin-box-bd { width:950px; padding:0 485px; position:relative; left:-485px;}

　　將上面代碼，復(fù)制放進(jìn)店鋪導(dǎo)航--顯示設(shè)置里面，點(diǎn)擊確定。注意預(yù)覽看不到效果。發(fā)布后會(huì)看到全屏效果。

　　有同志會(huì)說(shuō)，如果我想讓導(dǎo)航大于950呢，那么這里米色就以1000px寬度為例，寫(xiě)出代碼

　　.skin-box-bd { width:1000px; padding:0 460px; position:relative; left:-460px;}

　　三：注意事項(xiàng)

　　因?yàn)檫@里只是實(shí)現(xiàn)導(dǎo)航全屏效果，所以代碼里面只實(shí)現(xiàn)了全屏效果。如果還需要實(shí)現(xiàn)更復(fù)雜的效果，比如我淘寶店的效果

　　https://cisdesign.taobao.com 所有分類和右側(cè)分類相聚很開(kāi)，等效果。那就需要有一定的代碼基礎(chǔ)，自己編寫(xiě)CSS代碼實(shí)現(xiàn)了。

　　預(yù)覽可能會(huì)看不到效果，發(fā)布后即可看到，全屏導(dǎo)航效果

　　淘寶允許我們通過(guò)CSS代碼修改默認(rèn)導(dǎo)航的效果，所以理論上我們可以在店鋪里，實(shí)現(xiàn)任何的導(dǎo)航條效果

　　我不建議用自定義導(dǎo)航代替默認(rèn)導(dǎo)航，因?yàn)樽远x導(dǎo)航，詳情頁(yè)里面，沒(méi)辦法顯示分類的彈出子分類。如果你們公司無(wú)所謂，那么可以自定義導(dǎo)航。

  今天的分享就到這里了，想了解更多關(guān)于天貓托管合同、武漢天貓代運(yùn)營(yíng)等內(nèi)容，敬請(qǐng)關(guān)注火蝠電商代運(yùn)營(yíng)官網(wǎng)。