1

CSS:

#header .logo
{
    float:left;
    width:200px;
    height:39px;
    text-align:left;padding-top:10px;
}

.header_resize 
{
    width:960px;
    height:140px;
    margin: 10px auto 0;
}

#header .logo 
{
    float:left;
    padding: 0px 0px 0px 0px;
}

HTML:

<a href="home.html"><div class="logo"><img src="images/logo/logo.jpg"></div></a>

このコードの何が問題なのかわかりません。ロゴ画像をクリックすると、ページが更新されず、ヘッダーからロゴ画像が非表示になります。IE では、ヘッダー領域のみで新しいページが開き、ページの残りの部分は更新されません。リンク付きのロゴが欲しいだけなので、ロゴをクリックするとホームページが参照されます。

4

3 に答える 3

2

aはインライン要素、divはブロック要素です。インライン要素内にブロック要素を含めることは無効です。代わりにこれを試してください：

<a id="homelink" href="home.html"></a>

CSS:

#homelink {
    display:block;
    width:200px;
    height:39px;
    margin-top:10px;
    background-image:url('/images/logo/logo.jpg');
}
于 2013-08-22T09:33:15.190 に答える
1

このような

remove divタグとタグのaddクラスa

HTML

     <a href="home.html" class="logo" >
      <img src="images/logo/logo.jpg">
     </a>

デモ

于 2013-08-22T09:32:47.157 に答える
0

background-image: url('image')分割ボックスで HREF を使用して CSS で使用する

于 2013-08-22T09:36:43.477 に答える