淘寶全屏海報如何切片?很多朋友做好淘寶全屏海報切片并且上傳成功之后,發(fā)現(xiàn)淘寶店鋪首頁全屏海報之間有空白間隙,在求助淘寶全屏海報如何切片?如何去掉銜接的空白間隙?下面跟隨開淘小編去看看怎么解決這個問題吧!
淘寶全屏海報如何切片?如何去掉銜接的空白間隙?步驟如下:
我的首頁布局如圖,保留了一個店招的位置,下面插了3個自定義內(nèi)容區(qū),為方便后面敘述,我用數(shù)字標(biāo)好了1、2、3、4,這個布局是打算做首頁全屏海報的。

生成全屏海報代碼(有想了解的可以進(jìn)入這個鏈接http://jingyan.baidu.com/article/4f7d5712c92b041a2119275f.html),這里就不贅述了,添加好代碼,首頁是全屏海報了,但是1與2,2與3,3與4之間都出現(xiàn)了空白的間隙,如圖


1與2之間就是導(dǎo)航條與全屏海報之間的間隙很好解決,如圖,頁頭下邊距10像素關(guān)閉,就解決了。

下面我們重點的是要解決2與3,3與4之間的空白間隙,需要改變代碼中的高度值(修改你全屏代碼里面的,第三個 DIV里面的 top,你的代碼里面默認(rèn)是 top:auto; 你只需要把第三個DIV里面的替換成top:-20px; 就可以了)(一般改成-20就行了,也有特殊的需要你自己慢慢測試數(shù)值)
接著說我怎么消除2與3之間間隙,如圖top:auto;替換成top:-20px;就消除空白間隙了,一定要記得做完后點確定。


63與4,我開始也是想步驟5一樣替換,但是空白間隙只是減少,沒有消除,然后我就嘗試的測試高度值,發(fā)現(xiàn)改變成top:-57px;空白間隙就消除了,如果你發(fā)現(xiàn)替換這組代碼間隙減小了,您可以測試一下什么數(shù)值適合,top:-20px;(不是固定的)

可以解決淘寶全屏海報如何切片?如何去掉銜接的空白間隙?這兩個問題的步驟預(yù)見介紹完啦!大家按照這個操作流程去去掉銜接的空白間隙吧!想要了解更多網(wǎng)店裝修相關(guān)的內(nèi)容,可以關(guān)注開淘網(wǎng),好玩有趣的資訊在等著你哦。
相關(guān)推薦:
淘寶全屏店招怎么設(shè)置?淘寶全屏店招設(shè)置教程
查看更多相似文章