0

我在背面背景上显示了一些白色文本，但文本下方显示有一条蓝线（无论浏览器如何）。这是从哪里来的？

body {
    position:relative;
    background-color:black;
    font-family: Helvetica; 
    margin: 0;              /* Amount of negative space around the outside of the body */
    padding: 0;             /* Amount of negative space around the inside of the body */
}

#main_header {
    position: relative;
}


#logo {
    position:absolute;
    top: 6px;
    left: 140px;
    height: 50px;
    width: 50px;
}

#main_title {
    position:absolute;
    font-size: 15px;
    color:white;
    top: 50px;
    left: 40px;
    text-decoration:none;
    text-align:center;
    display:block;
}

<body>
    <a href="http://theurl">
    <div id = "main_header" >
        <img id = "logo" src="logo.png"/>       
        <h2 id = "main_title">Title</h2>
    </div>
    </a>

在此处输入图像描述

4

2 回答 2

2

锚标记 ( <a>) 不能包含块元素，例如HTML 4.01中的div或。这可能会导致您看到的效果。继续阅读。h2

您可以重写<a>标签以仅围绕内联元素（如下）或指定您的文档类型为 HTML5。以下是其他解决方案。

<body>
    <div id = "main_header" >
        <a href="http://theurl"><img id = "logo" src="logo.png"/></a>      
        <h2 id = "main_title">Title</h2>
    </div>
</body>
于 2012-09-04T00:47:00.867 回答
0

尝试设置：

a img { border: none; }

a { text-decoration: none; }
于 2012-09-03T23:24:30.900 回答