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

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

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

  我的首页布局如图,保留了一个店招的位置,下面插了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;(不是固定的)

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

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

  相关推荐:

  旺铺智能版全屏海报怎么做?

  淘宝店招:淘宝店招制作教程、免费店招教程

  淘宝全屏店招怎么设置?淘宝全屏店招设置教程

声明:本网站的文章部分内容可能来源于网络,内容为作者独立观点不代表运营网立场,仅供大家学习与参考,若有图片和内容侵犯了原著者的合法权益,请联系平台管理员yameia88@qq.com ,我们会在2个工作日内查证删除。
装修经验

淘宝全屏首页怎么做?图文详解装修教程

2023-7-18 10:51:32

装修经验

淘宝首页全屏切片上传怎么操作?不可错过的教程!

2023-7-18 10:51:49

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索