找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1787|回复: 5

在线求助一个jquery浮动层问题

[复制链接]
发表于 2011-10-25 21:36:05 | 显示全部楼层 |阅读模式
最近在赶这个东西,老板发火了
过程中的一个浮动层问题搞得我头疼:

jquery浮动层问题

jquery浮动层问题


效果如上图,鼠标移到“跟踪”上面就出现一个浮动层,但是下面的“跟踪”却没被浮动层遮住。

我用的Z-INDEX 却发现没作用;

请大家指教下,代码如下:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>鼠标浮动层</title>
  6. <script type="text/javascript" src="http://www.yaco.cc/statics/js/jquery.min.js"></script>
  7. </head>

  8. <body>
  9. <style type="text/css">
  10. <!--
  11. BODY {
  12.         FONT-SIZE: 12px;
  13.         COLOR: #000;
  14.         TEXT-ALIGN:left;
  15.         padding:0px;
  16.         margin:0px;
  17.         background: #fff url(../images/header_bg.jpg) repeat-x left top;
  18. /*        background: #deebf2  url(../images/bgs.gif) repeat-x left top;
  19. */
  20. }
  21. a:link {
  22.         color: #000;
  23.         text-decoration: none;
  24. }
  25. a:visited {
  26.         color: #000;
  27.         text-decoration: none;
  28. }
  29. a:hover {
  30.         color: #cf0111;
  31.         text-decoration: underline;
  32. }
  33. a:active {
  34.         color: #000;
  35. }
  36. img { border: 0; margin: 0px; padding:0; }



  37. UL {
  38.         PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;
  39. }
  40. LI {
  41.         PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; text-align: left;
  42. }
  43. form, dl, dt, dd, h1, h2, h3, h4, h5 { padding: 0; margin: 0; float: left; font-size: 12px; }
  44. p { margin: 0; }

  45. i, u, em {
  46.         font-style : normal; text-decoration: none;
  47. }
  48. form, dl, dt, dd, h1, h2, h3, h4 { padding: 0; margin: 0; }
  49. .member_oder {
  50.         float:left;
  51.         width:731px;
  52. }
  53. .member_oder table.table_class {
  54.         float:left;
  55.         width:742px;
  56.         border-bottom: #EED7A6 1px solid;
  57.         border-left: #EED7A6 1px solid;
  58.         border-right: #EED7A6 1px solid;
  59. }
  60. .member_oder table.table_class th {
  61.         height: 30px;
  62.         line-height: 30px;
  63.         color: #c89668;
  64.         font-weight: normal;
  65.         border-bottom: #EED7A6 1px solid;
  66. }
  67. .member_oder table.table_class td {
  68.         height: 30px;
  69.         line-height: 20px;
  70.         padding: 5px;
  71.         border-bottom: #EED7A6 1px solid;
  72. }
  73. .member_oder table.table_class td b {
  74.         color: #ff6600;
  75.         font-size: 12px;
  76. }

  77. .show_tips .tip_li {
  78.         position: relative;
  79.         z-index: 999;
  80. }

  81. .show_tips .tip_li h2 {
  82.         position: relative;
  83.         height: 23px;
  84.         color: #ff6600;
  85.         cursor: pointer;
  86.         font-weight: normal;
  87.         padding-right: 15px;
  88.         z-index: 9;
  89.         background: url(../images/he.gif) no-repeat right 0px;
  90. }
  91. .show_tips .tip_li .child {
  92.         display: none;
  93.         position: absolute;
  94.         width: 401px;
  95.         position: absolute;
  96.         top: 1.6em;
  97.         left: -19em;
  98.         background: #ffc;
  99.         color: #930;
  100.         z-index: 99999;
  101.         border: 3px solid #e0e0e0;
  102. }
  103. .show_tips .tip_li .child dl {
  104.         float: left;
  105.         width: 400px;
  106.         border-top: 1px solid #dda;
  107.         border-left: 1px solid #dda;
  108. }
  109. .show_tips .tip_li .child dl dt {
  110.         font-size: 14px;
  111.         height: 22px;
  112.         padding-top: 4px;
  113. }
  114. .show_tips .tip_li .child dl dd {
  115.         line-height: 25px;
  116.         background: #fefee8
  117. }
  118. .show_tips .tip_li .child dl dt, .show_tips .tip_li .child dl dd {
  119.         float: left;
  120.         text-align: center;
  121.         border-right: 1px solid #dda;
  122.         border-bottom: 1px solid #dda;
  123. }
  124. .show_tips .tip_li .child dl .aaa {
  125.         width: 119px;
  126. }
  127. .show_tips .tip_li .child dl .bbb {
  128.         width: 199px;
  129. }
  130. .show_tips .tip_li .child dl .ccc {
  131.         width: 79px;
  132. }
  133. -->
  134. </style>
  135. <script language="javascript" type="text/javascript">
  136. $(function(){
  137.         $('.show_tips .tip_li').hover(function() {
  138.         $(this).find('.child').animate({ opacity:'show', height:'show' },300);
  139.         $(this).find('.showbox1').addClass('navhover');
  140.         }, function() {
  141.         $('.child').stop(true,true).hide();
  142.         $('.showbox1').removeClass('navhover');
  143.         }
  144.         )
  145. });
  146. </script>
  147. <div class="member_oder">

  148. <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_class">
  149.   <tr>
  150.     <th width="100" align="center" valign="middle">订单编号</th>
  151.     <th width="120" align="center" valign="middle">缩略图</th>
  152.     <th width="100" align="center" valign="middle">商品名称</th>
  153.     <th width="100" align="center" valign="middle">订单金额</th>
  154.     <th width="70" align="center" valign="middle">下单时间</th>
  155.     <th align="center" valign="middle">订单状态</th>
  156.     <th align="center" valign="middle">操作</th>
  157.   </tr>
  158.      <tr>
  159.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=39" class="f6">2011101603127</a></td>
  160.     <td align="center" valign="middle"><a href="/goods.php?id=59" title="赖贵山赖茅50年典藏版53° 茅台前身 正宗赖茅" target="_blank"><img src="images/201110/thumb_img/59_thumb_G_1319077268431.jpg" width="74" height="80" /></a></td>
  161.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=59" target="_blank">赖贵山赖茅50年典藏版53° 茅台前身 正宗赖茅</a></td>
  162.     <td align="center" valign="middle"><em>¥1698.00元</em><br />货到付款</td>
  163.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  164.     <td align="center" valign="middle" class="show_tips"><b>已确认,未付款,已发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=39" target="_blank">跟踪▲</a></h2>
  165. <div class="child">
  166.     <dl>
  167.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  168.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  169.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  170.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  171.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  172.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  173.     </dl>
  174.     </div>
  175.     </i></td>
  176.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=39">查看订单</a></td>
  177.   </tr>
  178.     <tr>
  179.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=38" class="f6">2011101633129</a></td>
  180.     <td align="center" valign="middle"><a href="/goods.php?id=60" title="赖贵山赖茅30年窖藏53° 茅台前身 正宗赖茅" target="_blank"><img src="images/201110/thumb_img/60_thumb_G_1318818450267.jpg" width="74" height="80" /></a></td>
  181.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=60" target="_blank">赖贵山赖茅30年窖藏53° 茅台前身 正宗赖茅</a></td>
  182.     <td align="center" valign="middle"><em>¥1288.00元</em><br />货到付款</td>
  183.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  184.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=38" target="_blank">跟踪▲</a></h2>
  185. <div class="child">
  186.     <dl>
  187.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  188.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  189.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  190.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  191.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  192.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  193.     </dl>
  194.     </div>
  195.     </i></td>
  196.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=38">查看订单</a></td>
  197.   </tr>
  198.     <tr>
  199.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=37" class="f6">2011101645818</a></td>
  200.     <td align="center" valign="middle"><a href="/goods.php?id=31" title="国台酒 陈年窖藏53° 贵州十大名酒之一" target="_blank"><img src="images/201110/thumb_img/31_thumb_G_1318589119003.jpg" width="74" height="80" /></a></td>
  201.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=31" target="_blank">国台酒 陈年窖藏53° 贵州十大名酒之一</a></td>
  202.     <td align="center" valign="middle"><em>¥698.00元</em><br />货到付款</td>
  203.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  204.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=37" target="_blank">跟踪▲</a></h2>
  205. <div class="child">
  206.     <dl>
  207.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  208.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  209.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  210.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  211.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  212.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  213.     </dl>
  214.     </div>
  215.     </i></td>
  216.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=37">查看订单</a></td>
  217.   </tr>
  218.     <tr>
  219.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=36" class="f6">2011101673279</a></td>
  220.     <td align="center" valign="middle"><a href="/goods.php?id=33" title="国台酒 贵宾专属定制 典藏53°贵州十大名酒之一" target="_blank"><img src="images/201110/thumb_img/33_thumb_G_1318577927968.jpg" width="74" height="80" /></a></td>
  221.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=33" target="_blank">国台酒 贵宾专属定制 典藏53°贵州十大名酒之一</a></td>
  222.     <td align="center" valign="middle"><em>¥2482.00元</em><br />货到付款</td>
  223.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  224.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=36" target="_blank">跟踪▲</a></h2>
  225. <div class="child">
  226.     <dl>
  227.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  228.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  229.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  230.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  231.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  232.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  233.     </dl>
  234.     </div>
  235.     </i></td>
  236.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=36">查看订单</a></td>
  237.   </tr>
  238.     <tr>
  239.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=34" class="f6">2011101454371</a></td>
  240.     <td align="center" valign="middle"><a href="/goods.php?id=58" title="酒中酒纯蓝浓香53° 贵州十大名酒 " target="_blank"><img src="images/201110/thumb_img/58_thumb_G_1318320801954.jpg" width="74" height="80" /></a></td>
  241.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=58" target="_blank">酒中酒纯蓝浓香53° 贵州十大名酒 </a></td>
  242.     <td align="center" valign="middle"><em>¥98.00元</em><br />货到付款</td>
  243.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  244.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=34" target="_blank">跟踪▲</a></h2>
  245. <div class="child">
  246.     <dl>
  247.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  248.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  249.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  250.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  251.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  252.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  253.     </dl>
  254.     </div>
  255.     </i></td>
  256.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=34">查看订单</a></td>
  257.   </tr>
  258.   </table>
  259. </div>
  260. </body>
  261. </html>
复制代码
 楼主| 发表于 2011-10-25 21:36:44 | 显示全部楼层
怎么插入不了运行代码了哦
回复 支持 反对

使用道具 举报

发表于 2011-10-25 22:11:11 | 显示全部楼层
你这个问题是不是只在ie下有?ie下默认的下面的层永远比上面的高,所以你需要设置上面的position:relative;z-index:n,那么下面的层就是position:relative;z-index:n-1,如果这些都是动态取出来的,那么你可能需要js来协助完成,或者程序判断!
回复 支持 反对

使用道具 举报

发表于 2011-10-25 22:36:32 | 显示全部楼层
136com 发表于 2011-10-25 21:36
怎么插入不了运行代码了哦

应该可以解决你的问题了.ie6,ie7我这边测不了.
还有你的那个"i"标签没必要就删掉.
在样式底部增加:
.show_tips .tip_li .child{z-index:0;}
.rela{position:relative;z-index:123;}
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  5. <title>鼠标浮动层</title>
  6. <script type="text/javascript" src="http://www.yaco.cc/statics/js/jquery.min.js"></script>
  7. </head>

  8. <body>
  9. <style type="text/css">
  10. <!--
  11. BODY {
  12.         FONT-SIZE: 12px;
  13.         COLOR: #000;
  14.         TEXT-ALIGN:left;
  15.         padding:0px;
  16.         margin:0px;
  17.         background: #fff url(../images/header_bg.jpg) repeat-x left top;
  18. /*        background: #deebf2  url(../images/bgs.gif) repeat-x left top;
  19. */
  20. }
  21. a:link {
  22.         color: #000;
  23.         text-decoration: none;
  24. }
  25. a:visited {
  26.         color: #000;
  27.         text-decoration: none;
  28. }
  29. a:hover {
  30.         color: #cf0111;
  31.         text-decoration: underline;
  32. }
  33. a:active {
  34.         color: #000;
  35. }
  36. img { border: 0; margin: 0px; padding:0; }



  37. UL {
  38.         PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;
  39. }
  40. LI {
  41.         PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; text-align: left;
  42. }
  43. form, dl, dt, dd, h1, h2, h3, h4, h5 { padding: 0; margin: 0; float: left; font-size: 12px; }
  44. p { margin: 0; }

  45. i, u, em {
  46.         font-style : normal; text-decoration: none;
  47. }
  48. form, dl, dt, dd, h1, h2, h3, h4 { padding: 0; margin: 0; }
  49. .member_oder {
  50.         float:left;
  51.         width:731px;
  52. }
  53. .member_oder table.table_class {
  54.         float:left;
  55.         width:742px;
  56.         border-bottom: #EED7A6 1px solid;
  57.         border-left: #EED7A6 1px solid;
  58.         border-right: #EED7A6 1px solid;
  59. }
  60. .member_oder table.table_class th {
  61.         height: 30px;
  62.         line-height: 30px;
  63.         color: #c89668;
  64.         font-weight: normal;
  65.         border-bottom: #EED7A6 1px solid;
  66. }
  67. .member_oder table.table_class td {
  68.         height: 30px;
  69.         line-height: 20px;
  70.         padding: 5px;
  71.         border-bottom: #EED7A6 1px solid;
  72. }
  73. .member_oder table.table_class td b {
  74.         color: #ff6600;
  75.         font-size: 12px;
  76. }

  77. .show_tips .tip_li {
  78.         /*position: relative;
  79.         z-index: 999;*/
  80. }

  81. .show_tips .tip_li h2 {
  82.         position: relative;
  83.         height: 23px;
  84.         color: #ff6600;
  85.         cursor: pointer;
  86.         font-weight: normal;
  87.         padding-right: 15px;
  88.         z-index: 9;
  89.         background: url(../images/he.gif) no-repeat right 0px;
  90. }
  91. .show_tips .tip_li .child {
  92.         display: none;
  93.         position: absolute;
  94.         width: 401px;
  95.         position: absolute;
  96.         top: 1.6em;
  97.         left: -19em;
  98.         background: #ffc;
  99.         color: #930;
  100.         z-index: 99999;
  101.         border: 3px solid #e0e0e0;
  102. }
  103. .show_tips .tip_li .child dl {
  104.         float: left;
  105.         width: 400px;
  106.         border-top: 1px solid #dda;
  107.         border-left: 1px solid #dda;
  108. }
  109. .show_tips .tip_li .child dl dt {
  110.         font-size: 14px;
  111.         height: 22px;
  112.         padding-top: 4px;
  113. }
  114. .show_tips .tip_li .child dl dd {
  115.         line-height: 25px;
  116.         background: #fefee8
  117. }
  118. .show_tips .tip_li .child dl dt, .show_tips .tip_li .child dl dd {
  119.         float: left;
  120.         text-align: center;
  121.         border-right: 1px solid #dda;
  122.         border-bottom: 1px solid #dda;
  123. }
  124. .show_tips .tip_li .child dl .aaa {
  125.         width: 119px;
  126. }
  127. .show_tips .tip_li .child dl .bbb {
  128.         width: 199px;
  129. }
  130. .show_tips .tip_li .child dl .ccc {
  131.         width: 79px;
  132. }
  133. -->
  134. .show_tips .tip_li .child{z-index:0;}
  135. .rela{position:relative;z-index:123;}
  136. </style>
  137. <script language="javascript" type="text/javascript">
  138. $(function(){
  139.         $('.show_tips .tip_li').hover(function() {
  140.         $(this).find('.child').animate({ opacity:'show', height:'show' },300);
  141.         $(this).find('.showbox1').addClass('navhover');
  142.         }, function() {
  143.         $('.child').stop(true,true).hide();
  144.         $('.showbox1').removeClass('navhover');
  145.         }
  146.         )
  147. });
  148. </script>
  149. <div class="member_oder">

  150. <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_class">
  151.   <tr>
  152.     <th width="100" align="center" valign="middle">订单编号</th>
  153.     <th width="120" align="center" valign="middle">缩略图</th>
  154.     <th width="100" align="center" valign="middle">商品名称</th>
  155.     <th width="100" align="center" valign="middle">订单金额</th>
  156.     <th width="70" align="center" valign="middle">下单时间</th>
  157.     <th align="center" valign="middle">订单状态</th>
  158.     <th align="center" valign="middle">操作</th>
  159.   </tr>
  160.      <tr>
  161.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=39" class="f6">2011101603127</a></td>
  162.     <td align="center" valign="middle"><a href="/goods.php?id=59" title="赖贵山赖茅50年典藏版53° 茅台前身 正宗赖茅" target="_blank"><img src="images/201110/thumb_img/59_thumb_G_1319077268431.jpg" width="74" height="80" /></a></td>
  163.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=59" target="_blank">赖贵山赖茅50年典藏版53° 茅台前身 正宗赖茅</a></td>
  164.     <td align="center" valign="middle"><em>¥1698.00元</em><br />货到付款</td>
  165.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  166.     <td align="center" valign="middle" class="show_tips"><b>已确认,未付款,已发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=39" target="_blank">跟踪▲</a></h2>
  167.         <div class="rela">
  168. <div class="child">
  169.     <dl>
  170.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  171.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  172.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  173.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  174.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  175.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  176.     </dl>
  177.     </div>
  178.         </div>
  179.     </i></td>
  180.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=39">查看订单</a></td>
  181.   </tr>
  182.     <tr>
  183.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=38" class="f6">2011101633129</a></td>
  184.     <td align="center" valign="middle"><a href="/goods.php?id=60" title="赖贵山赖茅30年窖藏53° 茅台前身 正宗赖茅" target="_blank"><img src="images/201110/thumb_img/60_thumb_G_1318818450267.jpg" width="74" height="80" /></a></td>
  185.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=60" target="_blank">赖贵山赖茅30年窖藏53° 茅台前身 正宗赖茅</a></td>
  186.     <td align="center" valign="middle"><em>¥1288.00元</em><br />货到付款</td>
  187.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  188.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=38" target="_blank">跟踪▲</a></h2>
  189.         <div class="rela">
  190. <div class="child">
  191.     <dl>
  192.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  193.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  194.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  195.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  196.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  197.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  198.     </dl>
  199.     </div>
  200.         </div>
  201.     </i></td>
  202.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=38">查看订单</a></td>
  203.   </tr>
  204.     <tr>
  205.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=37" class="f6">2011101645818</a></td>
  206.     <td align="center" valign="middle"><a href="/goods.php?id=31" title="国台酒 陈年窖藏53° 贵州十大名酒之一" target="_blank"><img src="images/201110/thumb_img/31_thumb_G_1318589119003.jpg" width="74" height="80" /></a></td>
  207.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=31" target="_blank">国台酒 陈年窖藏53° 贵州十大名酒之一</a></td>
  208.     <td align="center" valign="middle"><em>¥698.00元</em><br />货到付款</td>
  209.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  210.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=37" target="_blank">跟踪▲</a></h2>
  211.         <div class="rela">
  212.                 <div class="child">
  213.                         <dl>
  214.                         <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  215.                         <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  216.                         <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  217.                         <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  218.                         <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  219.                         <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  220.                         </dl>
  221.                         </div>
  222.         </div>
  223.     </i></td>
  224.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=37">查看订单</a></td>
  225.   </tr>
  226.     <tr>
  227.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=36" class="f6">2011101673279</a></td>
  228.     <td align="center" valign="middle"><a href="/goods.php?id=33" title="国台酒 贵宾专属定制 典藏53°贵州十大名酒之一" target="_blank"><img src="images/201110/thumb_img/33_thumb_G_1318577927968.jpg" width="74" height="80" /></a></td>
  229.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=33" target="_blank">国台酒 贵宾专属定制 典藏53°贵州十大名酒之一</a></td>
  230.     <td align="center" valign="middle"><em>¥2482.00元</em><br />货到付款</td>
  231.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  232.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=36" target="_blank">跟踪▲</a></h2>
  233.         <div class="rela">
  234. <div class="child">
  235.     <dl>
  236.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  237.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  238.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  239.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  240.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  241.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  242.     </dl>
  243.     </div>
  244.         </div>
  245.     </i></td>
  246.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=36">查看订单</a></td>
  247.   </tr>
  248.     <tr>
  249.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=34" class="f6">2011101454371</a></td>
  250.     <td align="center" valign="middle"><a href="/goods.php?id=58" title="酒中酒纯蓝浓香53° 贵州十大名酒 " target="_blank"><img src="images/201110/thumb_img/58_thumb_G_1318320801954.jpg" width="74" height="80" /></a></td>
  251.     <td width="100" align="center" valign="middle"><a href="/goods.php?id=58" target="_blank">酒中酒纯蓝浓香53° 贵州十大名酒 </a></td>
  252.     <td align="center" valign="middle"><em>¥98.00元</em><br />货到付款</td>
  253.     <td width="70" align="center" valign="middle">2011-10-25 20:50:33</td>
  254.     <td align="center" valign="middle" class="show_tips"><b>未确认,未付款,未发货</b><br /><i class="tip_li"><h2><a class="linkss" href="user.php?act=track_packages&order_id=34" target="_blank">跟踪▲</a></h2>
  255.         <div class="rela">
  256. <div class="child">
  257.     <dl>
  258.     <dt class="aaa">处理时间</dt><dt class="bbb">处理信息</dt><dt class="ccc">操作人</dt>
  259.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  260.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">已经发货</dd><dd class="ccc">webmaster</dd>
  261.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  262.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  263.     <dd class="aaa">2011-10-16 21:35</dd><dd class="bbb">无</dd><dd class="ccc">webmaster</dd>
  264.     </dl>
  265.     </div>
  266.         </div>
  267.     </i></td>
  268.     <td align="center" valign="middle"><a href="user.php?act=order_detail&order_id=34">查看订单</a></td>
  269.   </tr>
  270.   </table>
  271. </div>
  272. </body>
  273. </html>
复制代码
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-10-25 22:43:14 | 显示全部楼层
谢谢各位,我先测试下
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-10-25 23:07:07 | 显示全部楼层
rao3324180 发表于 2011-10-25 22:36
应该可以解决你的问题了.ie6,ie7我这边测不了.
还有你的那个"i"标签没必要就删掉.
在样式底部增加:

非常感谢,已经解决
做这个还是得心细啊
已经连接加班20天了,搞得每天头昏脑胀的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-4-18 17:43 , Processed in 0.062857 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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