0

我有一条蓝色下划线，无法删除。我很确定这是一个边框：无或文本装饰：无问题，但我似乎找不到解决方案。

这是我的问题的屏幕截图：

HTML：

<a href="#top"><div class="content_tab" id="first_tab">
    <span class="tab_text_centred">Back to top</span>
</div></a>

CSS：

.content_tab {
    width: 220px;
    height: 340px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
    background-color: #000;

    overflow: hidden;
    color: #FFF;
    font-family: Georgia, Times ,serif;
    font-size: 30px;
    font-style: italic;
}
#first_tab {
    background-color: #1b1c20;
    text-align: center;
}
.tab_text_centred {
    position:relative;
    top:153px;
}

JSFIDDLE：http: //jsfiddle.net/craigzilla/DptMf/

4

5 回答 5

2

您不能a在 HTML5 之前的 div 周围放置标签。这不是您制作 div 的方式，它的内容链接在 HTML5 之前的版本中可点击。看来您的问题可能与以这种方式使用此标签引起的文本装饰问题有关。确保对 HTML 4.01 采用正确的方式或保持原样，但确保在文档头部使用正确的声明。

于 2013-06-06T19:58:03.837 回答
2

标记具有默认属性 display:inline。DIV 标签具有默认属性：display:block。标记包装 DIV 标记与 W3C 并非不兼容。对于您的情况，它可以更简单，如下所示：

HTML 代码：

<a href="#top" class="content_tab" id="first_tab">
    <span class="tab_text_centred">Back to top</span>
</a>

CSS 代码：

.content_tab {
    width: 220px;
    height: 340px;
    line-height: 340px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
    background-color: #000;
    overflow: hidden;
    color: #FFF;
    font-family: Georgia, Times ,serif;
    font-size: 30px;
    font-style: italic;
}
#first_tab {
    background-color: #1b1c20;
    text-align: center;
}
于 2013-06-06T20:08:18.063 回答
1

我没有看到任何内容，但通过执行以下操作确保您没有任何下划线，然后重试。

a, a:focus, a:active, a:hover, a:visited {
    text-decoration:none;
}
于 2013-06-06T19:57:19.210 回答
1

我没有看到你使用 Chrome 的小提琴中的那一行，但这是很多额外的标记。

http://jsfiddle.net/DptMf/2/

<a href="#top" class="content_tab" id="first_tab"> Back to top </a>

.content_tab {
    width: 220px;
    height: 340px;
    line-height:340px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
    background-color: #000;
    text-decoration:none;
    overflow: hidden;
    color: #FFF;
    font-family: Georgia, Times ,serif;
    font-size: 30px;
    font-style: italic;
}
#first_tab {
    background-color: #1b1c20;
    text-align: center;
}

将 div 放入锚点是否正确？

于 2013-06-06T20:09:52.177 回答
0

由另一个人指定：

'你不能在 div 周围放置标签。这不是您制作 div 的方式，它的内容链接可点击。

这适用于 HTML5 之前的版本，并且对a标签的支持很低。我认为这是此操作引起的文本修饰问题。

于 2013-06-06T20:10:52.693 回答