淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 4146|回复: 24
收起左侧

【天猫】全屏固定透明背景

[复制链接]
  • TA的每日心情
    大哭
    2016-11-5 11:16
  • 签到天数: 32 天

    连续签到: 1 天

    [LV.5]略有小成

    32

    主题

    229

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18322

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

    发表于 2015-6-27 10:30:36 | 显示全部楼层 |阅读模式
    有大神发过了今天再给大家说...《简洁明了版》

    总是有人会问,天猫,怎么透明背景,代码是什么?————没有。实现起来只是一个简单的思维过程。没有什么代码。



    分析一个提问率最多的效果:背景固定,模块透明。效果如下:
    http://hanxingrishang.tmall.com/shop/view_shop.htm?spm=a230r.7195193.1997079397.1.8YlavH《本人装修的店铺-爱点不点》


    不喜欢装B - 废话不多说 !看图  下面  ↓


    QQ图片20150521165326.jpg

    1. <div style="height:632px;">(高度要和透明的一样)
    2.   <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
    3.     <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
    4.           <div class="xrel"   style=" height:632px;width:1920px;  background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">

    5.             1.放自己自定义代码 注意上面中文提醒(高度),一定要修改自己实际模块高度不然错了。后果严重。
    6.             2.更换(图片背景链接),跟背景锁定一样效果.
    7.          
    8.           </div>
    9.       </div>
    10.   </div>
    11. </div>

    12. (以下是案例)

    13. <div style="height:632px;">
    14.   <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
    15.     <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
    16.       <div class="xrel" style="height:632px;width:1920px;background:url(//gdp.alicdn.com/imgextra/i4/764960926/TB2OFd4cVXXXXalXXXXXXXXXXXX_!!764960926.jpg) no-repeat top center fixed;">
    17.          <a  target="_blank">

    18. <img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />

    19. </a>
    20.       </div>
    21.     </div>
    22.   </div>
    23. </div>
    复制代码





    评分

    参与人数 2美工币 +11 收起 理由
    shuxing + 10 很给力!
    snrtmnmnyk + 1 赞一个!

    查看全部评分

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


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

  • TA的每日心情
    大哭
    2016-11-5 11:16
  • 签到天数: 32 天

    连续签到: 1 天

    [LV.5]略有小成

    32

    主题

    229

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18322

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

     楼主| 发表于 2015-6-27 10:31:07 | 显示全部楼层
    沙发自己

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


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

  • TA的每日心情
    大哭
    2016-11-5 11:16
  • 签到天数: 32 天

    连续签到: 1 天

    [LV.5]略有小成

    32

    主题

    229

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18322

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

     楼主| 发表于 2015-6-27 10:33:34 | 显示全部楼层
    1. <div style="height:632px;">(高度要和)
    2.   <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
    3.     <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
    4.           <div class="xrel"   style=" height:632px;width:1920px;  background:url(放自己的背景图片连接+记得修改前面的高度和宽度) no-repeat top center fixed ">

    5.             1.放自己自定义代码 注意上面中文提醒(高度),一定要修改自己实际模块高度不然错了。后果严重。
    6.             2.更换(图片背景链接),跟背景锁定一样效果.
    7.          
    8.           </div>
    9.       </div>
    10.   </div>
    11. </div>
    复制代码
    这才是完整代码 !

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


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

  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

    发表于 2015-6-27 10:33:41 | 显示全部楼层
    今天都要上班的,来支持一下~
    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    臭美
    2015-9-30 09:04
  • 签到天数: 224 天

    连续签到: 3 天

    [LV.7]炉火纯青

    5

    主题

    495

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    76999

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

    发表于 2015-6-27 10:35:42 | 显示全部楼层
    支持个,

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


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

  • TA的每日心情
    大哭
    2016-11-5 11:16
  • 签到天数: 32 天

    连续签到: 1 天

    [LV.5]略有小成

    32

    主题

    229

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18322

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

     楼主| 发表于 2015-6-27 10:35:56 | 显示全部楼层
    我是小小煒 发表于 2015-6-27 10:33
    今天都要上班的,来支持一下~

    同是煤工苦逼人

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


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

  • TA的每日心情
    吐舌头
    2016-8-18 09:10
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    27

    主题

    636

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43157

    发表于 2015-6-27 10:39:19 | 显示全部楼层
    你在说多层固定背景吗
  • TA的每日心情
    加油
    2016-2-19 10:16
  • 签到天数: 112 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    410

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23943

    最佳新人热心会员

    QQ
    发表于 2015-6-27 10:44:04 | 显示全部楼层
    额,支持一下
    我就看看不说话
  • TA的每日心情

    2016-6-11 16:25
  • 签到天数: 192 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    553

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27818

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

    QQ
    发表于 2015-6-27 11:01:07 | 显示全部楼层
    同是煤工苦逼人
  • TA的每日心情
    臭美
    2016-11-17 13:26
  • 签到天数: 614 天

    连续签到: 1 天

    [LV.9]已臻大成

    15

    主题

    2199

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    147935

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

    发表于 2015-6-27 11:01:10 | 显示全部楼层
    支持一下
    学习了
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-6 00:40 , Processed in 0.163731 second(s), 25 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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