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

HTML 4.01のやなどの<a>ブロック要素をアンカー タグ ( ) に含めることはできません。これが、表示されている効果を引き起こしている可能性があります。読んでください。divh2

タグを書き換えて、<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 に答える