淘宝店铺首页大屏海报下面的模块为什么和大屏海报之间有空隙 谁知道是什么问题 20
上面的是海报下面的就是我添加自定义模块后添加的自己设计的模板.问题在于为什么会这个空隙呢?是代码的问题吗?如果是的话该如何修改。请高手帮帮我可以吗?...
上面的是海报 下面的就是我添加自定义模块后添加的自己设计的模板.问题在于为什么会这个空隙呢?是代码的问题吗?如果是的话 该如何修改 。请高手帮帮我可以吗?
展开
2个回答
2015-03-17
展开全部
<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'bbs-taobaoux-com-con','navCls': 'bbs-taobaoux-com-nav','effect': 'fade'}">
<div class="bbs-taobaoux-com-con" style="width:950px;height:100px;">
<div style="width:950px;top: -20px;">
/*这里输入你的模块内容*/
</div>
</div>
<div class="bbs-taobaoux-com-nav" style="display:none;"></div>
</div>
代码解释:
class="bbs-taobaoux-com-nav" 轮播导航列表,设置display:none的作用是隐藏导航区,禁止出现1、2、3这些导航数值;
class="bbs-taobaoux-com-con" 轮播内容列表,必须定义模块宽度与高度;
style="width:950px;height:100px;" 模块的宽度与高度,比如你的模块尺寸是950px*500px,那这里就应该改为style="width:950px;height:480px;",为什么高度是480了?因为向上移动了20个像素。
top:-20px; 向上移动20个像素,完美去除上下模块之间20像素的空隙。这时,应该还需要加上一个z-index属性,把模块置于顶层,但事实上我们不用多此一举,系统会自动加上这个属性。
以上是第一套模板的修改方法,第二、第三套模板的修改方法稍微有点麻烦。你必须清楚的知道,前面一个模块的高度,比如前面一个模块的高度是500px,那top:-20px就应该改为top:490px;
<div class="bbs-taobaoux-com-con" style="width:950px;height:100px;">
<div style="width:950px;top: -20px;">
/*这里输入你的模块内容*/
</div>
</div>
<div class="bbs-taobaoux-com-nav" style="display:none;"></div>
</div>
代码解释:
class="bbs-taobaoux-com-nav" 轮播导航列表,设置display:none的作用是隐藏导航区,禁止出现1、2、3这些导航数值;
class="bbs-taobaoux-com-con" 轮播内容列表,必须定义模块宽度与高度;
style="width:950px;height:100px;" 模块的宽度与高度,比如你的模块尺寸是950px*500px,那这里就应该改为style="width:950px;height:480px;",为什么高度是480了?因为向上移动了20个像素。
top:-20px; 向上移动20个像素,完美去除上下模块之间20像素的空隙。这时,应该还需要加上一个z-index属性,把模块置于顶层,但事实上我们不用多此一举,系统会自动加上这个属性。
以上是第一套模板的修改方法,第二、第三套模板的修改方法稍微有点麻烦。你必须清楚的知道,前面一个模块的高度,比如前面一个模块的高度是500px,那top:-20px就应该改为top:490px;
追问
是不是吧DW里的我的首页的那个代码差劲 这里输入你的模块内容 这里就可以了呢?
追答
就是自定义模块里的代码插入上面代码中,如果是天猫把宽改为990
哎呦互动
2024-07-12 广告
2024-07-12 广告
在选择微信签到墙软件时,推荐选择界面友好、操作简便且功能完善的软件。考虑到易用性和功能性,市场上有多款成熟的产品供选择。这些软件通常支持实时签到、数据统计分析以及多样化的展示方式,能够满足各类活动需求。具体选择时,建议根据活动规模、需求及预...
点击进入详情页
本回答由哎呦互动提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询