淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 930|回复: 6
收起左侧

[美工相关] 自己用其它的绝对定位写的全屏轮播代码,有点问题,问...

[复制链接]
  • TA的每日心情
    不爽
    2014-6-25 22:01
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    2

    主题

    10

    帖子

    3840

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3840

    发表于 2016-2-18 09:40:38 | 显示全部楼层 |阅读模式
    最近在学做代码,有两个问题,第一个,最近看到大家都用footer-more-trigger 做定位,我也写了一个,但是放到店里面,火狐浏览器看的话,下面控制柄是失灵的,但在IE上是好的,码先上上来




    1. <div style="width:1920px; height:600px; overflow:hidden">
    2. <div class="footer-more-trigger" style="width:1920px; height:600px; margin:0;left:auto;top:auto; padding:0; border:0;">
    3. <div class="footer-more-trigger" style="width:1920px; height:600px; margin:0;left:-485px;top:auto; padding:0; border:0; ">


    4. <div class="J_TWidget"  data-widget-type="Carousel"  data-widget-config="{

    5.             'effect': 'scrollx',

    6.             'easing': 'easeOutStrong',
    7.             
    8.             'autoplay':true,

    9.             'steps': 1,

    10.             'circular': false,
    11.             
    12.             'contentCls':'content_chen',
    13.             
    14.             'navCls':'nav_chen',

    15.             'prevBtnCls': 'prev_chen',

    16.             'nextBtnCls': 'next_chen'

    17.            
    18.   }"  style="width:1920px; height:600px;">
    19.   <div style="height:600px">
    20.   <div class="content_chen" style="width:1920px; height:600px;">
    21.   <div style="width:1920px; height:600px; background-color:#09F;"></div>
    22.   <div style="width:1920px; height:600px; background-color:#C0C"></div>
    23.   <div style="width:1920px; height:600px; background-color:#F60"></div>
    24.   </div>
    25.   </div>
    26.   
    27.   <div class="nav_chen footer-more-trigger" style=" margin:0; padding:0; border:0; width:100%;top:570px; text-align:center;">
    28.   <div style="width:20px; height:20px; background-color:#000; display:inline-block;">1</div>
    29.   <div style="width:20px; height:20px; background-color:#000; display:inline-block;">2</div>
    30.   <div style="width:20px; height:20px; background-color:#000; display:inline-block;">3</div>
    31.   
    32.   
    33.   
    34.   </div>
    35.   <div class="prev_chen footer-more-trigger" style=" margin:0; padding:0; border:0;width:20px;top:300px;left:100px;height:40px; background-color:#000"></div>
    36.   <div class="next_chen footer-more-trigger" style=" margin:0; padding:0; border:0;width:20px;top:300px;left:1820px; height:40px; background-color:#000"></div>

    37. </div>


    38. </div>
    39. </div>
    40. </div>
    复制代码
    第二个问题,因为有以上的问题,我想看是不是定位的问题,自己在用FIREBUG找了个绝对定位 favorate-overlay写了以下全屏代码,但是右边出来了,左边不显示,是什么原因呢,上码,大家三我看看,搞好几天了,百思不得其解
    1. <div style="height:600px; width:1920px;">
    2.   <div class="favorate-overlay" style="height:600px; width:1920px; overflow:auto;
    3.     padding: 0;
    4.     position: absolute;
    5.     z-index: auto;left:auto;top:auto;z-index:9999999;">
    6.     <div class="favorate-overlay" style="height:600px; width:1920px; overflow:auto;
    7.     padding: 0;
    8.     position: absolute;
    9.     z-index: auto;left:-485px;top:auto;z-index:9999999; background:#00F"> </div>
    10.   </div>
    11. </div>
    复制代码



    QQQ.jpg

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


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

  • TA的每日心情
    抱抱
    昨天 09:20
  • 签到天数: 616 天

    连续签到: 5 天

    [LV.9]已臻大成

    42

    主题

    1234

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    117003

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

    发表于 2016-2-18 09:53:12 | 显示全部楼层
    随便一个人  都会写代码了   我尼玛好看不懂  好难过  落伍了吗

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


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

  • TA的每日心情
    抱抱
    2016-10-14 17:55
  • 签到天数: 90 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    585

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23827

    发表于 2016-2-18 10:51:43 | 显示全部楼层
    第个代码没有向左偏移
  • TA的每日心情

    2016-4-18 11:52
  • 签到天数: 11 天

    连续签到: 1 天

    [LV.3]武林新秀

    27

    主题

    159

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12854

    发表于 2016-2-18 10:59:51 | 显示全部楼层
    什么是绝对定位啊,不明白,下面那个乐翻天left偏移一下就可以了

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


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

  • TA的每日心情
    不爽
    2014-6-25 22:01
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    2

    主题

    10

    帖子

    3840

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3840

     楼主| 发表于 2016-2-18 11:05:12 | 显示全部楼层
    风卷 发表于 2016-2-18 10:51
    第个代码没有向左偏移

    有加left:-485px可是没有用啊,左边还是不显示

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


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

  • TA的每日心情
    臭美
    2016-9-4 18:30
  • 签到天数: 134 天

    连续签到: 1 天

    [LV.7]炉火纯青

    1

    主题

    189

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29784

    最佳新人热心会员

    发表于 2016-2-18 15:34:29 | 显示全部楼层
    随便一个人  都会写代码了   我尼玛好看不懂  好难过  落伍了吗

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


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

  • TA的每日心情
    心跳
    2016-5-4 09:39
  • 签到天数: 63 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    494

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12595

    最佳新人热心会员

    QQ
    发表于 2016-2-19 12:27:02 | 显示全部楼层
    有问题就对了,第一步:做事,第二步:发现问题;第三步:提出问题;第四步:解决问题!O了!
    痛并快乐着---祸兮,福之所倚,福兮,祸之所伏!相生相克,变幻无常!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-3 03:51 , Processed in 0.167223 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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