淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1698|回复: 13
收起左侧

阿里巴巴店铺实现元素覆盖

[复制链接]
  • TA的每日心情
    臭美
    2017-5-15 17:57
  • 签到天数: 116 天

    连续签到: 1 天

    [LV.6]渐入佳境

    19

    主题

    395

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56781

    发表于 2016-7-20 16:39:01 | 显示全部楼层 |阅读模式
    熟悉阿里巴巴店铺的人都知道,自己装修是无法使用背景图片和定位的,
    要想做到旺旺图标覆盖在头像一般是做不了的,
    但利用margin负值的特性就可以实现下一个元素偏移,进而实现元素覆盖
    代码如下:
    1. <div style="width:58px;height: 56px;">
    2.   <!-- 头像 -->
    3.   <div style="width:56px;height: 56px;float: left;margin-right: -20px;border-radius:28px;overflow: hidden;">
    4.     <img src="https://cbu01.alicdn.com/img/ibank/2016/532/833/3251338235_1943144121.jpg" alt="" style="margin: 0;padding: 0;">
    5.   </div>
    6.   <!-- 旺旺 -->
    7.   <a target="_blank" href=""><img border="0" src="http://amos.alicdn.com/realonline.aw?v=2&uid=%E8%89%BE%E5%A3%AB%E9%A1%BF%E6%97%97%E8%88%B0%E5%BA%97&site=cntaobao&s=2&charset=utf-8" alt="点击这里给我发消息" style="display: block;float: left;margin-top: 40px;margin-left: 6px;" /></a>
    8. </div>
    复制代码
    效果:
    GIF.gif


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    思考
    2017-4-27 17:10
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    3

    主题

    39

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15730

    发表于 2016-7-20 16:43:33 | 显示全部楼层
    先MARK~

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2017-6-11 08:59
  • 签到天数: 172 天

    连续签到: 1 天

    [LV.7]炉火纯青

    31

    主题

    940

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    94360

    最佳新人热心会员宣传达人活跃会员

    QQ
    发表于 2016-7-20 16:57:24 | 显示全部楼层
    想得太复杂了吧,表格不就可以定位
  • TA的每日心情
    抱抱
    前天 08:15
  • 签到天数: 569 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    184

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77740

    发表于 2016-7-20 17:26:41 | 显示全部楼层
    一个做背景,一个放在上面,不就OK了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2017-5-15 17:57
  • 签到天数: 116 天

    连续签到: 1 天

    [LV.6]渐入佳境

    19

    主题

    395

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56781

     楼主| 发表于 2016-7-20 19:15:20 | 显示全部楼层
    bwfbwf 发表于 2016-7-20 17:26
    一个做背景,一个放在上面,不就OK了

    说了阿里巴巴店铺做不了背景

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2017-5-15 17:57
  • 签到天数: 116 天

    连续签到: 1 天

    [LV.6]渐入佳境

    19

    主题

    395

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56781

     楼主| 发表于 2016-7-20 19:16:10 | 显示全部楼层
    誓言芜罪 发表于 2016-7-20 16:57
    想得太复杂了吧,表格不就可以定位

    阿里巴巴不能设置背景图片

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-6-1 10:38
  • 签到天数: 149 天

    连续签到: 2 天

    [LV.7]炉火纯青

    13

    主题

    471

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    59027

    最佳新人热心会员

    发表于 2016-7-21 00:07:00 | 显示全部楼层
    首页背景?前段时间做过
    来自安卓客户端来自安卓客户端

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2017-5-15 17:57
  • 签到天数: 116 天

    连续签到: 1 天

    [LV.6]渐入佳境

    19

    主题

    395

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56781

     楼主| 发表于 2016-7-21 08:28:08 | 显示全部楼层
    万点一线 发表于 2016-7-21 00:07
    首页背景?前段时间做过

    div背景图片

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2017-7-13 08:40
  • 签到天数: 188 天

    连续签到: 1 天

    [LV.7]炉火纯青

    30

    主题

    681

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54252

    最佳新人热心会员

    QQ
    发表于 2016-7-21 09:17:22 | 显示全部楼层
    不太熟悉   做等楼下回答  学习学习
    人不犯我  我不犯人
  • TA的每日心情
    加油
    9 小时前
  • 签到天数: 535 天

    连续签到: 1 天

    [LV.9]已臻大成

    103

    主题

    1450

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    71032

    QQ
    发表于 2016-7-21 16:29:17 | 显示全部楼层
    想了解一下阿里巴巴装修首页的尺寸要求。
    越努力~越幸运!http://90sheji.com/u/6883/?a=pic
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|坛主个人微信公众号|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2017-7-24 18:47 , Processed in 0.225755 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表