淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 7305|回复: 97
收起左侧

【小包子】下班前给大家分享一个逗比多层背景固定代码

  [复制链接]
  • TA的每日心情
    大哭
    2015-11-15 15:32
  • 签到天数: 194 天

    连续签到: 1 天

    [LV.7]炉火纯青

    43

    主题

    710

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61128

    热心会员最佳新人活跃会员

    QQ
    发表于 2015-7-1 17:38:40 | 显示全部楼层 |阅读模式
    本帖最后由 晕菜小包子 于 2015-7-1 17:41 编辑
    如题:
             主要是回头熟悉一下多层背景的FIXED属性应用,外加自己的一些逗比精神。
    效果图:
    aaaaaaaaaaaaaaaaaa.gif

    预览地址还是点我的签名

    好了下面是代码,回复看见
    <div style="height:3951px;">
      <div class="footer-more-trigger" style="width:1920px;height:3951px;border:0px;padding:0px;top:auto;left:auto;">
        <div class="footer-more-trigger" style="width:1920px;height:3951px;border:0px;padding:0px;top:-20px;left:-685px;">
          <div style="width:1920px;height:3951px;position:relative;">
            <div style="height:627px;width:1920px;background:url(//gdp.alicdn.com/imgextra/i3/2049295175/TB2olladFXXXXaCXXXXXXXXXXXX_!!2049295175.jpg) 50% center fixed no-repeat;line-height:627px;font-family:微软雅黑;font-size:68px;color:white;text-align:center;">
               GIRL NO.1 WILL SHOW UP...<br />
              TAKE HER BACK HOME
            </div>
            <div style="height:690px;width:1920px;background:url(//gdp.alicdn.com/imgextra/i4/2049295175/TB2HICAcpXXXXXqXpXXXXXXXXXX_!!2049295175.jpg) 50% center fixed no-repeat;">
               
            </div>
            <div style="height:627px;width:1920px;background:url(//gdp.alicdn.com/imgextra/i3/2049295175/TB2tiRXdFXXXXaUXXXXXXXXXXXX_!!2049295175.jpg) 50% center fixed no-repeat;line-height:627px;font-family:微软雅黑;font-size:68px;color:white;text-align:center;">
               GIRL NO.2 WILL SHOW UP...<br />
              TAKE HER BACK HOME
            </div>
            <div style="height:690px;width:1920px;background:url(//gdp.alicdn.com/imgextra/i2/2049295175/TB2OaOBcpXXXXc3XXXXXXXXXXXX_!!2049295175.jpg) 50% center fixed no-repeat;">
               
            </div>
            <div style="height:627px;width:1920px;background:url(//gdp.alicdn.com/imgextra/i1/2049295175/TB2PnQ_dpXXXXaVXXXXXXXXXXXX_!!2049295175.jpg) 50% center fixed no-repeat;line-height:627px;font-family:微软雅黑;font-size:68px;color:white;text-align:center;">
               GIRLS NO.3 WILL SHOW UP...<br />
              TAKE THEM BACK HOME
            </div>
            <div style="height:690px;width:1920px;background:url(//gdp.alicdn.com/imgextra/i1/2049295175/TB2nZuzcpXXXXX5XpXXXXXXXXXX_!!2049295175.jpg) 50% center fixed no-repeat;">
               
            </div>
          </div>
        </div>
      </div>
    </div>




    多层背景固定玩耍.zip

    663 Bytes, 下载次数: 231, 下载积分: 美工币 -2

    XX00

    评分

    参与人数 4美工币 +139 收起 理由
    snrtmnmnyk + 1 很给力!
    leike + 18 赞一个!
    龍的傳人 + 20
    Rain + 100 赞一个!

    查看全部评分

  • TA的每日心情
    臭美
    2015-9-30 09:04
  • 签到天数: 224 天

    连续签到: 3 天

    [LV.7]炉火纯青

    5

    主题

    495

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    76999

    天猫美工最佳新人热心会员

    发表于 2015-7-1 17:42:41 | 显示全部楼层
    支持下     

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


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

  • TA的每日心情
    吐舌头
    2016-1-25 13:54
  • 签到天数: 440 天

    连续签到: 2 天

    [LV.9]已臻大成

    16

    主题

    742

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20854

    最佳新人热心会员活跃会员

    发表于 2015-7-1 17:48:04 | 显示全部楼层
    支持下     

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


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

  • TA的每日心情
    加油
    2016-1-13 19:51
  • 签到天数: 170 天

    连续签到: 1 天

    [LV.7]炉火纯青

    5

    主题

    96

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    33153

    发表于 2015-7-1 18:01:27 | 显示全部楼层
    支持下   

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


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

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

    连续签到: 1 天

    [LV.7]炉火纯青

    30

    主题

    923

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86347

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

    QQ
    发表于 2015-7-1 18:03:32 | 显示全部楼层
    支持下
  • TA的每日心情
    加油
    2016-8-14 20:08
  • 签到天数: 219 天

    连续签到: 1 天

    [LV.7]炉火纯青

    11

    主题

    210

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    99373

    最佳新人热心会员

    发表于 2015-7-1 18:09:37 | 显示全部楼层
    瞧瞧有多逗比。。。

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


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

  • TA的每日心情
    吐舌头
    2016-11-23 09:46
  • 签到天数: 249 天

    连续签到: 1 天

    [LV.8]自成一派

    0

    主题

    153

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    48490

    发表于 2015-7-1 18:25:30 | 显示全部楼层
    支持下

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


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

  • TA的每日心情
    委屈
    2016-1-2 15:21
  • 签到天数: 222 天

    连续签到: 1 天

    [LV.7]炉火纯青

    41

    主题

    1121

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    41680

    天猫美工淘宝皇冠店美工最佳新人热心会员活跃会员优秀版主

    QQ
    发表于 2015-7-1 18:27:57 | 显示全部楼层
    支持下   

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


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

  • TA的每日心情
    抱抱
    昨天 09:16
  • 签到天数: 630 天

    连续签到: 1 天

    [LV.9]已臻大成

    42

    主题

    574

    帖子

    15万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    152874

    最佳新人活跃会员热心会员

    发表于 2015-7-1 18:28:04 | 显示全部楼层
    小包子,必顶,呵呵!

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


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

  • TA的每日心情
    臭美
    2016-9-4 12:15
  • 签到天数: 202 天

    连续签到: 1 天

    [LV.7]炉火纯青

    1

    主题

    178

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43316

    最佳新人

    发表于 2015-7-1 18:41:30 | 显示全部楼层

    支持下  

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


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

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-8 08:11 , Processed in 0.137190 second(s), 30 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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