淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

[美工相关] 求助大神详情页代码问题。。。

[复制链接]
  • TA的每日心情
    大哭
    昨天 16:52
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    6

    主题

    63

    帖子

    3537

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3537

    发表于 2015-8-20 14:42:35 | 显示全部楼层 |阅读模式
    本帖最后由 羿希 于 2015-8-20 14:47 编辑

    在码工助手在线生成做了一个带正反面效果的图片代码,放进详情页里之后也达到了预想效果 a.png
    可是每次在我编辑了一下宝贝的属性或者标题,价格这些之后(没有动代码),原来图片位置就变成了一片空白!代码失效了似的 b.png
    能再到码工助手复制一下原代码,图片才能显示,这样好坑爹啊!只能来论坛请教下各位大神了~是不是代码哪里出问题了,帮忙看一下~
    1. <div class="MaGong" data-title="来自淘宝代码生成网www.001daima.com" style="width:790px;height:1222px;"><div class="sn-simple-logo" style="width:790px;height:1222px;border:0;padding:0;top:auto;left:auto;background:none;"><div class="sn-simple-logo" style="width:790px;height:1222px;border:0;padding:0;top:0;left:0;background:none;"><div class="sn-simple-logo" style="background:none;border:0;padding:0;width:790px;height:1222px;top:auto;left:0px;background-color:;background-image:url();background-repeat:no-repeat;background-position:center top;background-attachment:scroll;">
    2. </div>
    3. <div class="sn-simple-logo" style="z-index:2;top:0px;left:0px;width:790px;height:143px;padding: 0;border:0;background:none;">
    4.   <a href="" target="_blank" title="">
    5.     <img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2JxWqeFXXXXXLXXXXXXXXXXXX_!!1935342331.jpg" style="width:790px;height:143px">
    6.   </a>
    7. </div>
    8. <div class="sn-simple-logo" style="z-index:5;background:none;top:107px;left:75px;width:79px;height:20px;border:0;padding:0;">
    9.   <div class="sn-simple-logo" style="background:none;top:auto;left:auto;text-align:right;width:100%;right:0;bottom:0;border:0;padding:0;">
    10.     <a target="_blank" >
    11.   <img border="0" src="http://amos.alicdn.com/realonline.aw?v=2&uid=%E5%AE%9C%E5%8F%8B%E5%AE%B6%E7%BE%8E%E7%91%9E%E6%97%97%E8%88%B0%E5%BA%97%3A%E9%98%BF%E7%B4%AB&site=cntaobao&s=1&charset=utf-8" alt="点击这里和我联系" />
    12. </a>
    13.   </div>
    14. </div>
    15. <div class="sn-simple-logo" style="z-index:6;top:143px;left:0px;width:790px;height:99px;padding: 0;border:0;background:none;">
    16.   <a href="" target="_blank" title="">
    17.     <img src="https://img.alicdn.com/imgextra/i3/1935342331/TB22vOieFXXXXbIXXXXXXXXXXXX_!!1935342331.jpg" style="width:790px;height:99px">
    18.   </a>
    19. </div>
    20. <div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:7;top:242px;left:0px;width:395px;height:388px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:395px;height:388px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i4/1935342331/TB2ZWB0eFXXXXbSXpXXXXXXXXXX_!!1935342331.jpg" width="395px" height="388px" alt=""></a><span class="subLogo-bd" style="width:395px;height:388px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i1/1935342331/TB2dveheFXXXXbPXXXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div><div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:8;top:242px;left:395px;width:395px;height:388px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:395px;height:388px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2S2tWeFXXXXc4XpXXXXXXXXXX_!!1935342331.jpg" width="395px" height="388px" alt=""></a><span class="subLogo-bd" style="width:395px;height:388px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i1/1935342331/TB2O2R4eFXXXXbyXpXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div><div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:9;top:630px;left:0px;width:265px;height:295px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:265px;height:295px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2jpp.eFXXXXaXXpXXXXXXXXXX_!!1935342331.jpg" width="265px" height="295px" alt=""></a><span class="subLogo-bd" style="width:265px;height:295px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1935342331/TB2.FObeFXXXXXiXpXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div><div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:10;top:630px;left:265px;width:261px;height:295px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:261px;height:295px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i1/1935342331/TB2pHyieFXXXXbqXXXXXXXXXXXX_!!1935342331.jpg" width="261px" height="295px" alt=""></a><span class="subLogo-bd" style="width:261px;height:295px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2ouCaeFXXXXXwXpXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div><div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:11;top:630px;left:526px;width:264px;height:295px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:264px;height:295px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2PseleFXXXXX0XXXXXXXXXXXX_!!1935342331.jpg" width="264px" height="295px" alt=""></a><span class="subLogo-bd" style="width:264px;height:295px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2SHp3eFXXXXbjXpXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div><div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:12;top:925px;left:0px;width:265px;height:297px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:265px;height:297px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2RNx5eFXXXXbhXpXXXXXXXXXX_!!1935342331.jpg" width="265px" height="297px" alt=""></a><span class="subLogo-bd" style="width:265px;height:297px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i1/1935342331/TB2tRSqeFXXXXXrXXXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div><div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:13;top:925px;left:265px;width:261px;height:297px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:261px;height:297px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i2/1935342331/TB2CGCbeFXXXXXsXpXXXXXXXXXX_!!1935342331.jpg" width="261px" height="297px" alt=""></a><span class="subLogo-bd" style="width:261px;height:297px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1935342331/TB2BnufeFXXXXchXXXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div><div class="sn-simple-logo" data-title="鼠标滑动效果" style="z-index:14;top:925px;left:526px;width:264px;height:297px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:264px;height:297px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i1/1935342331/TB2nOqfeFXXXXcgXXXXXXXXXXXX_!!1935342331.jpg" width="264px" height="297px" alt=""></a><span class="subLogo-bd" style="width:264px;height:297px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;"  target="_blank"><img src="https://img.alicdn.com/imgextra/i3/1935342331/TB2Yw5neFXXXXXFXXXXXXXXXXXX_!!1935342331.jpg"></a></span></div></div></div></div></div>
    复制代码













    补充内容 (2015-8-20 14:57):
    此为宝贝链接,https://detail.tmall.com/item.htm?id=36963767307&sku_properties=29112:97926  目前图片代码有效(可是在后台编辑了一下宝贝属性之后就会失效,一片空)
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-11 14:12 , Processed in 0.133946 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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