淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 372|回复: 8
收起左侧

[装修相关] 代码大神帮我看看,这串代码哪里出了问题

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

    2017-5-27 13:57
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]登堂入室

    2

    主题

    5

    帖子

    1369

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1369

    QQ
    发表于 2017-5-18 15:33:49 | 显示全部楼层 |阅读模式
    在DW里有效果(就是鼠标放在图片上,会有不透明度的改变),网页预览也没有问题,可就是放在淘宝里就没有效果,有没有大神帮我看看,万分感谢。(这是淘宝里全屏背景+表格的代码)
    <style>

    .footer-more-trigger{   
    border:1px solid #fff;         
    left:-12px;                    
    line-height:1.3;               
    padding:6px 11px 4px 14px;      
    position:absolute;                  
    top:-5px;                       
    width:37px   }

    .box{ width:214px; height:214px;}
    .box:hover{opacity:0.8;}

    </style>

    <!--背景-->
    <div style="height:948px;">
            <div class="footer-more-trigger" style="width:1920px;height:948px;border:none;left:auto;padding:0;top:auto;left:50%;">
                    <div class="footer-more-trigger" style="width:1920px;height:948px;border:none;left:auto;padding:0;top:-40px;left:-50%;">
                             <img src="https://img.alicdn.com/imgextra/i4/45830387/TB2ux0yoC0mpuFjSZPiXXbssVXa_!!45830387.jpg" usemap="#Map001" border="0" />
                    </div>

           
    <!--表格-->   
        <div class="footer-more-trigger" style="width:1072px; height:480px; border:none;left:-530px;padding:0;top:130px;">
            <div style="width:1072px; height:480px">
       <div class="box" style="width:507px; height:480px; float:left"><img src="https://img.alicdn.com/imgextra/i3/45830387/TB2LNRQm3FkpuFjSspnXXb4qFXa_!!45830387.png"></div>

       <div class="box" style="width:226px; height:226px; float:left; margin-left:55px;"><img src="https://img.alicdn.com/imgextra/i3/45830387/TB2PNGpj5C9MuFjSZFoXXbUzFXa_!!45830387.png" ></div>
       <div class="box" style="width:226px; height:226px;float:left; margin-left:55px;"><img src="https://img.alicdn.com/imgextra/i3/45830387/TB2yJtpmY0kpuFjy0FjXXcBbVXa_!!45830387.png"> </div>

       <div class="box" style="width:226px; height:226px; float:left; margin-left:55px; margin-top:28px"><img src="https://img.alicdn.com/imgextra/i2/45830387/TB2vdCXpt4opuFjSZFLXXX8mXXa_!!45830387.png"></div>
       <div class="box" style="width:226px; height:226px; float:left; margin-left:55px; margin-top:28px"><img src="https://img.alicdn.com/imgextra/i4/45830387/TB2810ImYtlpuFjSspoXXbcDpXa_!!45830387.png"></div>
    </div>
    <div style="width:1072px; height:226px; padding-top:28px;">
       <div class="box" style="width:226px; height:226px; float:left"><img src="https://img.alicdn.com/imgextra/i2/45830387/TB2f14ImYtlpuFjSspoXXbcDpXa_!!45830387.png"></div>
       <div class="box" style="width:226px; height:226px; float:left; margin-left:55px;"><img src="https://img.alicdn.com/imgextra/i1/45830387/TB2j8s0mSBjpuFjy1XdXXaooVXa_!!45830387.png"></div>
       <div class="box" style="width:226px; height:226px; float:left; margin-left:55px"><img src="https://img.alicdn.com/imgextra/i4/45830387/TB24LO0fb_0UKFjy1XaXXbKfXXa_!!45830387.png"></div>
       <div class="box" style="width:226px; height:226px; float:left; margin-left:55px"><img src="https://img.alicdn.com/imgextra/i1/45830387/TB2W60hm9hlpuFjSspkXXa1ApXa_!!45830387.png"></div>
          </div>
        </div>
    </div>
    </div>


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


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

  • TA的每日心情

    2016-9-21 14:06
  • 签到天数: 262 天

    连续签到: 1 天

    [LV.8]自成一派

    5

    主题

    194

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56284

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

    QQ
    发表于 2017-5-18 15:24:21 | 显示全部楼层
    淘宝的后台不允许内嵌style样式 你写的这些都过滤了
    愿余生有人鲜衣怒马,陪你看烈焰繁花。
  • TA的每日心情
    吐舌头
    2017-6-18 19:46
  • 签到天数: 26 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    3

    主题

    147

    帖子

    8605

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8605

    QQ
    发表于 2017-5-18 15:36:05 | 显示全部楼层
    代码有点乱    放在dw  我才看的懂

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


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

  • TA的每日心情

    2017-5-27 13:57
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]登堂入室

    2

    主题

    5

    帖子

    1369

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1369

    QQ
     楼主| 发表于 2017-5-18 15:37:21 | 显示全部楼层
    Mystery 发表于 2017-5-18 15:24
    淘宝的后台不允许内嵌style样式 你写的这些都过滤了

    我知道会过滤,但是只有这样写DW里才会显示啊,我全屏代码都这样写的,有用的,就是那个改变图片透明度的效果在淘宝里不显示,不知道哪里错了。这串代码在网页预览也都对的。

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


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

  • TA的每日心情

    2017-5-27 13:57
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]登堂入室

    2

    主题

    5

    帖子

    1369

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1369

    QQ
     楼主| 发表于 2017-5-18 15:43:36 | 显示全部楼层
    肖志炫 发表于 2017-5-18 15:36
    代码有点乱    放在dw  我才看的懂

    出来的是这张全屏图片,鼠标放在里面的图片上会改变不透明度。这串代码在DW里是成立的,网页预览也OK,就是放在淘宝里就变成一张全屏海报,不透明度的效果不显示,求大神指点。

    QQ图片20170518153916.png

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


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

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

    连续签到: 1 天

    [LV.6]渐入佳境

    19

    主题

    388

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55160

    发表于 2017-5-19 13:56:33 | 显示全部楼层
    全屏代码起作用并不是因为你写了style,只是你用了class定位,你做效果全写在style里面,一过滤,自然没效果

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


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

  • TA的每日心情

    2017-5-27 13:57
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]登堂入室

    2

    主题

    5

    帖子

    1369

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1369

    QQ
     楼主| 发表于 2017-5-19 14:36:06 | 显示全部楼层
    凌剑君 发表于 2017-5-19 13:56
    全屏代码起作用并不是因为你写了style,只是你用了class定位,你做效果全写在style里面,一过滤,自然没效 ...

    那要怎么弄啊

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


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

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

    连续签到: 1 天

    [LV.6]渐入佳境

    19

    主题

    388

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55160

    发表于 2017-5-20 08:56:13 | 显示全部楼层
    透明度的变化,我记得是要调用虾米播放器的class

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


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

  • TA的每日心情
    无奈
    2017-6-15 10:03
  • 签到天数: 643 天

    连续签到: 3 天

    [LV.9]已臻大成

    40

    主题

    1324

    帖子

    10万

    积分

    高级会员

    阅读权限: 50

    没有什么问题是人民币解决不了的,如果有,那就美金

    Rank: 8Rank: 8

    积分
    109149

    最佳新人活跃会员热心会员优秀版主淘宝皇冠店美工淘宝钻级店美工天猫美工灌水之王

    发表于 2017-5-20 17:41:33 | 显示全部楼层
    看你样子应该是懂网页代码的,不过淘宝限制很多,你要的这效果可以直接用布局工具做,方便省事
    本人比较懒,懒懒懒懒懒!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2017-6-26 06:33 , Processed in 2.168268 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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