淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 580|回复: 7
收起左侧

[美工相关] 码盲求大神指点,关于多层固定背景的问题。

[复制链接]
  • TA的每日心情
    思考
    2015-11-25 09:47
  • 签到天数: 102 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    223

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15899

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

    QQ
    发表于 2015-8-18 16:01:18 | 显示全部楼层 |阅读模式
    我一个图切片三部分然后加超链接都完毕 然后用多层固定背景 誓言工具生成的 放心自定义模块居中不了 然后我就调节里面参数让图片等居中但是超链接就全部失效了,求大神指点指点。
    1. <div data-title="誓言代码生成器 QQ506896079" style="height:2012px;">
    2.   <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:2012px;border:0;padding:0;top:auto;left:50%;">
    3.     <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:2012px;border:0;padding:0;top:auto;left:-960px;background:url(https://img.alicdn.com/imgextra/i4/2456665843/TB2WnNteFXXXXXQXpXXXXXXXXXX_!!2456665843.jpg) fixed top center no-repeat;overflow:hidden;text-align:center;"> <!--  亲,使用后发个链接帮我们宣传下吧,淘宝代码免费生成网www.001daima.com  -->
    4. <!--  此处注释淘宝会自动过滤  -->
    5. <div data-title="来自淘宝代码生成网www.001daima.com" style="height:2012px;">
    6.     <div class="sn-simple-logo"

    7. style="left:auto;right:auto;width:990px;height:2012px;top:auto;padding:0;border:non

    8. e;z-index:1;background:none; ">
    9.         <div class="sn-simple-logo" style="left:-

    10. 465px;top:0px;width:1920px;height:2012px;border:none;padding:0;background:none; ">
    11.       <img

    12. src="https://img.alicdn.com/imgextra/i2/2456665843/TB2HfBHeFXXXXa.XXXXXXXXXXXX_!!

    13. 2456665843.png"  usemap="#ma72566880" />
    14.       <map name="ma72566880" id="Map">
    15.         
    16.   <area style="outline:none;" target="_blank" shape="rect"

    17. coords="575,286,1336,943"   />
    18.   <area style="outline:none;" target="_blank" shape="rect"

    19. coords="1474,582,1637,663"

    20.   />
    21.   <area style="outline:none;" target="_blank" shape="rect"

    22. coords="1475,674,1639,757"

    23.   />
    24.   <area style="outline:none;" target="_blank" shape="rect"

    25. coords="1475,768,1637,852"

    26.   />
    27.   <area style="outline:none;" target="_blank" shape="rect"

    28. coords="1474,861,1636,942"

    29.   />
    30.   <area style="outline:none;" target="_blank" shape="rect"

    31. coords="573,989,1341,1097"   />
    32.   <area style="outline:none;" target="_blank" shape="rect"

    33. coords="511,1114,908,1961"   />
    34.   <area style="outline:none;" target="_blank" shape="rect"

    35. coords="1008,1114,1406,1961"   />
    36.       </map>
    37.         </div>
    38.     </div>
    39. </div>
    40. </div>
    41.   </div>
    42. </div>
    43. <div style="height:2046px;">
    44.   <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:2046px;border:0;padding:0;top:auto;left:50%;">
    45.     <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:2046px;border:0;padding:0;top:auto;left:-960px;background:url(https://img.alicdn.com/imgextra/i3/2456665843/TB2pCFHeFXXXXaIXXXXXXXXXXXX_!!2456665843.jpg) fixed top center no-repeat;overflow:hidden;text-align:center;"> <!--  亲,使用后发个链接帮我们宣传下吧,淘宝代码免费生成网www.001daima.com  -->
    46. <!--  此处注释淘宝会自动过滤  -->
    47. <div data-title="来自淘宝代码生成网www.001daima.com" style="height:2046px;">
    48.     <div class="sn-simple-logo"

    49. style="left:auto;right:auto;width:990px;height:2046px;top:auto;padding:0;border:non

    50. e;z-index:1;background:none; ">
    51.         <div class="sn-simple-logo" style="left:-

    52. 465px;top:0px;width:1920px;height:2046px;border:none;padding:0;background:none; ">
    53.       <img

    54. src="https://img.alicdn.com/imgextra/i2/2456665843/TB2Dt0oeFXXXXbEXpXXXXXXXXXX_!!

    55. 2456665843.png"  usemap="#ma290555490" />
    56.       <map name="ma290555490" id="Map">
    57.         
    58.   <area style="outline:none;" target="_blank" shape="rect"

    59. coords="461,0,1457,110"   />
    60.   <area style="outline:none;" target="_blank" shape="rect"

    61. coords="527,138,691,548"   />
    62.   <area style="outline:none;" target="_blank" shape="rect"

    63. coords="743,137,925,546"   />
    64.   <area style="outline:none;" target="_blank" shape="rect"

    65. coords="993,136,1158,546"   />
    66.   <area style="outline:none;" target="_blank" shape="rect"

    67. coords="1232,136,1400,539"   />
    68.   <area style="outline:none;" target="_blank" shape="rect"

    69. coords="526,574,713,982"   />
    70.   <area style="outline:none;" target="_blank" shape="rect"

    71. coords="743,567,919,979"   />
    72.   <area style="outline:none;" target="_blank" shape="rect"

    73. coords="984,571,1166,979"   />
    74.   <area style="outline:none;" target="_blank" shape="rect"

    75. coords="1224,564,1400,982"   />
    76.   <area style="outline:none;" target="_blank" shape="rect"

    77. coords="465,1023,1454,1135"   />
    78.   <area style="outline:none;" target="_blank" shape="rect"

    79. coords="511,1152,689,1583"   />
    80.   <area style="outline:none;" target="_blank" shape="rect"

    81. coords="753,1155,922,1580"   />
    82.   <area style="outline:none;" target="_blank" shape="rect"

    83. coords="991,1154,1156,1580"   />
    84.   <area style="outline:none;" target="_blank" shape="rect"

    85. coords="1212,1153,1394,1585"   />
    86.   <area style="outline:none;" target="_blank" shape="rect"

    87. coords="512,1594,697,2012"   />
    88.   <area style="outline:none;" target="_blank" shape="rect"

    89. coords="751,1595,923,2010"   />
    90.   <area style="outline:none;" target="_blank" shape="rect"

    91. coords="984,1598,1171,2010"   />
    92.   <area style="outline:none;" target="_blank" shape="rect"

    93. coords="1213,1601,1396,2010"   />
    94.       </map>
    95.         </div>
    96.     </div>
    97. </div>
    98. </div>
    99.   </div>
    100. </div>
    101. <div style="height:2140px;">
    102.   <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:2140px;border:0;padding:0;top:auto;left:50%;">
    103.     <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:2140px;border:0;padding:0;top:auto;left:-960px;background:url(https://img.alicdn.com/imgextra/i4/2456665843/TB2qSBoeFXXXXbdXpXXXXXXXXXX_!!2456665843.jpg) fixed top center no-repeat;overflow:hidden;text-align:center;"> <!--  亲,使用后发个链接帮我们宣传下吧,淘宝代码免费生成网www.001daima.com  -->
    104. <!--  此处注释淘宝会自动过滤  -->
    105. <div data-title="来自淘宝代码生成网www.001daima.com" style="height:2140px;">
    106.     <div class="sn-simple-logo" style="left:auto;right:auto;width:990px;height:2140px;top:auto;padding:0;border:none;z-index:1;background:none; ">
    107.         <div class="sn-simple-logo" style="left:-465px;top:0px;width:1920px;height:2140px;border:none;padding:0;background:none; ">
    108.       <img src="https://img.alicdn.com/imgextra/i1/2456665843/TB2hhlteFXXXXXuXpXXXXXXXXXX_!!2456665843.png"  usemap="#ma93332261" />
    109.       <map name="ma93332261" id="Map">
    110.         
    111.   <area style="outline:none;" target="_blank" shape="rect" coords="459,0,1461,105"   />
    112.   <area style="outline:none;" target="_blank" shape="rect" coords="632,122,1338,398"   />
    113.   <area style="outline:none;" target="_blank" shape="rect" coords="632,407,1330,673"   />
    114.   <area style="outline:none;" target="_blank" shape="rect" coords="633,683,1333,985"   />
    115.   <area style="outline:none;" target="_blank" shape="rect" coords="467,1024,1345,1132"   />
    116.   <area style="outline:none;" target="_blank" shape="rect" coords="651,1144,855,1463"   />
    117.   <area style="outline:none;" target="_blank" shape="rect" coords="869,1144,1077,1463"   />
    118.   <area style="outline:none;" target="_blank" shape="rect" coords="1084,1144,1314,1465"   />
    119.   <area style="outline:none;" target="_blank" shape="rect" coords="649,1468,855,1807"   />
    120.   <area style="outline:none;" target="_blank" shape="rect" coords="871,1468,1080,1810"   />
    121.   <area style="outline:none;" target="_blank" shape="rect" coords="1085,1469,1317,1812"   />
    122.   <area style="outline:none;" target="_blank" shape="rect" coords="649,1820,979,2119"   />
    123.   <area style="outline:none;" target="_blank" shape="rect" coords="988,1822,1317,2120"   />
    124.       </map>
    125.         </div>
    126.     </div>
    127. </div>
    128. </div>
    129.   </div>
    130. </div>
    复制代码



    人生自古谁无死,早死晚死都要死。
  • TA的每日心情

    2016-3-12 08:40
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]渐入佳境

    4

    主题

    141

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20818

    最佳新人热心会员

    发表于 2015-8-18 16:40:25 | 显示全部楼层
    不会这么长吧。。。。
    我是快乐的小田田
  • TA的每日心情

    2016-3-12 08:40
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]渐入佳境

    4

    主题

    141

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20818

    最佳新人热心会员

    发表于 2015-8-18 16:40:58 | 显示全部楼层
    表示自学代码的在此路过
    我是快乐的小田田
  • TA的每日心情

    2016-3-12 08:40
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]渐入佳境

    4

    主题

    141

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20818

    最佳新人热心会员

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

    回帖奖励 +10

    怎么还没中奖呢
    我是快乐的小田田
  • TA的每日心情

    2016-11-20 16:01
  • 签到天数: 99 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24577

    最佳新人热心会员

    QQ
    发表于 2015-8-19 09:25:00 | 显示全部楼层
    先居中  再写map也就是你说的超链接
    淘宝代码问题直接加QQ:343063418
  • TA的每日心情
    思考
    2015-11-25 09:47
  • 签到天数: 102 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    223

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15899

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

    QQ
     楼主| 发表于 2015-8-19 14:53:44 | 显示全部楼层
    hebghw 发表于 2015-8-19 09:25
    先居中  再写map也就是你说的超链接

    用代码工具写出来的是居中的 然后放入自定义模块中居中的代码就没有了(我看过复制过来少掉的是left:-465px 这个参数) 然后我自己手动修改参数的导致超链接不能使用了。

    人生自古谁无死,早死晚死都要死。
  • TA的每日心情

    2016-11-20 16:01
  • 签到天数: 99 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24577

    最佳新人热心会员

    QQ
    发表于 2015-8-19 15:33:22 | 显示全部楼层
    楼下大婶指点下,我实在不想动代码了   太麻烦了
    淘宝代码问题直接加QQ:343063418
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-5 04:28 , Processed in 0.125354 second(s), 18 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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