淘宝全屏海报如何切片?如何去掉衔接的空白间隙?

　　淘宝全屏海报如何切片?很多朋友做好淘宝全屏海报切片并且上传成功之后，发现淘宝店铺首页全屏海报之间有空白间隙，在求助淘宝全屏海报如何切片?如何去掉衔接的空白间隙?下面跟随开淘小编去看看怎么解决这个问题吧!

　　淘宝全屏海报如何切片?如何去掉衔接的空白间隙?步骤如下：

　　我的首页布局如图，保留了一个店招的位置，下面插了3个自定义内容区，为方便后面叙述，我用数字标好了1、2、3、4，这个布局是打算做首页全屏海报的。

　　生成全屏海报代码(有想了解的可以进入这个链接http://jingyan.baidu.com/article/4f7d5712c92b041a2119275f.html)，这里就不赘述了，添加好代码，首页是全屏海报了，但是1与2,2与3,3与4之间都出现了空白的间隙，如图

　　1与2之间就是导航条与全屏海报之间的间隙很好解决，如图，页头下边距10像素关闭，就解决了。

　　下面我们重点的是要解决2与3,3与4之间的空白间隙，需要改变代码中的高度值(修改你全屏代码里面的，第三个 DIV里面的 top，你的代码里面默认是 top:auto; 你只需要把第三个DIV里面的替换成top:-20px; 就可以了)(一般改成-20就行了，也有特殊的需要你自己慢慢测试数值)

　　接着说我怎么消除2与3之间间隙，如图top:auto;替换成top:-20px;就消除空白间隙了，一定要记得做完后点确定。

　　63与4，我开始也是想步骤5一样替换，但是空白间隙只是减少，没有消除，然后我就尝试的测试高度值，发现改变成top:-57px;空白间隙就消除了，如果你发现替换这组代码间隙减小了，您可以测试一下什么数值适合，top:-20px;(不是固定的)

　　可以解决淘宝全屏海报如何切片?如何去掉衔接的空白间隙?这两个问题的步骤预见介绍完啦!大家按照这个操作流程去去掉衔接的空白间隙吧!想要了解更多网店装修相关的内容，可以关注，好玩有趣的资讯在等着你哦。