1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

高手帮忙看看,为什么连接上会出现本不该出现的上划线?

本帖由 cvvi2006-01-05 发布。版面名称:新人报道

  1. cvvi

    cvvi New Member

    注册:
    2005-09-07
    帖子:
    25
    赞:
    0
    在IE中出现莫名其妙的上划线, 而且不刷新就一直存在。

    帖源代码先:
    <style>
    .lt {border-top:1px solid #04477C; border-bottom:6px solid #04477C; background:#BFD1DF; padding:4px 8px 0; color:#04477C;}
    .lt h2 { font-size:14px; line-height:16px;}
    .lt .title {float:left;}
    .lt .m {float:right; font-size:12px; font-weight:lighter;}
    .lt a {color:#04477C; text-decoration:none;}
    .lt a:hover {color:#006699; text-decoration:none;}
    .c{clear:both;}
    </style>
    <div class="lt">
    <h2><span class="title"><a href="#">商业营销</a></span>
    <span class="m">&raquo; <a href="#"> 我要订阅</a></span></h2>
    <div class="c"></div>
    </div>

    [​IMG]

    出现的问题就是上图的样子, 明明没有给这几个标题加上划线的样式,却带了上划线。 如果去掉了h2,或者不用清除float的样式,上划线就没有了。

    这个上划线只在IE中出现, firefox里是正常的。

    我遇到过几次这种情况,不知道是什么原因,不知道是哪里写错了。 希望同志帮我指点下呀~`

    [很奇怪,为什么底下的代码单独用的时候就没有这个问题, 但还是帖上来~~]
     

    附件文件:

    #1 cvvi, 2006-01-05
    最后编辑: 2006-01-05
  2. cvvi

    cvvi New Member

    注册:
    2005-09-07
    帖子:
    25
    赞:
    0
    人勒?
     
  3. cvvi

    cvvi New Member

    注册:
    2005-09-07
    帖子:
    25
    赞:
    0
    大概是,强行将块对象内联以后出现的问题吧~`
     
  4. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    你去掉 .lt 的上边框定义试试看。

    :)
     
  5. cvvi

    cvvi New Member

    注册:
    2005-09-07
    帖子:
    25
    赞:
    0
    总算搞定了

    如果遇到类似的情况,给出现这个上划线的div加一个 background~~`