淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

[复制链接]
  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

    发表于 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的每日心情
    不爽
    2016-9-14 17:25
  • 签到天数: 13 天

    连续签到: 1 天

    [LV.3]武林新秀

    2

    主题

    28

    帖子

    6627

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6627

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

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


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

  • TA的每日心情
    吐舌头
    4 天前
  • 签到天数: 168 天

    连续签到: 1 天

    [LV.7]炉火纯青

    30

    主题

    923

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86347

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

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

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    164

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    64222

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

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


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

  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

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

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

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


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

  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

     楼主| 发表于 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

    主题

    470

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    58721

    最佳新人热心会员

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

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


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

  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

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

    div背景图片

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


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

  • TA的每日心情
    加油
    昨天 15:49
  • 签到天数: 171 天

    连续签到: 5 天

    [LV.7]炉火纯青

    21

    主题

    630

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    44840

    最佳新人热心会员

    QQ
    发表于 2016-7-21 09:17:22 | 显示全部楼层
    不太熟悉   做等楼下回答  学习学习
    人不犯我  我不犯人
  • TA的每日心情

    前天 09:34
  • 签到天数: 446 天

    连续签到: 4 天

    [LV.9]已臻大成

    96

    主题

    1359

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    57754

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

    本版积分规则

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

    GMT+8, 2016-12-10 05:25 , Processed in 0.128919 second(s), 24 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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