原创 ·

阿里巴巴店铺装修强制图片全屏代码

最近在做阿里巴巴店铺装修的工作,正常的工作流程是先在ps里面设计出店铺的设计图然在用切片工具切成一块一块的然后在用代码套到模块里面去。

但是阿里巴巴的店铺是不同于淘宝店铺的一些在淘宝上可以用到的代码然而在阿里巴巴上是达不到效果的,就比如说是全屏图片,阿里巴巴的模块是限制960px的所以不能显示全屏,通常都是把中间部分切出来两边的部分是用作背景,这样可以也是解决问题的。

笔者给大家一段代码这个代码是可以突破阿里巴巴店铺限只能显示960px

全屏代码


<div class="maGong" data-title="来自七颜网 www.7ynet.cn" data-time="1500786307"><div class="user_RE" style="height:606px;width:952px;margin:0 auto;"><div class="rel990" style="height:606px;width:952px;position:absolute;z-index:0;top:auto;left:auto;"><a href="http://www.7ynet.cn" target="_blank" class="abs1920" style="width:1920px;height:606px;position:absolute;display:block;left:50%;margin-left:-960px;top:-0px;"><img src="https://img.alicdn.com/imgextra/i2/2546029780/TB23yq5vilnpuFjSZFgXXbi7FXa_!!2546029780.jpg"/></a></div></div></div>

使用方法

直接复制上面的代码到自定义内容里面就可以,在这之前要根据自己的图片来修改代码中的高度。

参与评论