-3

http://companies.ur-nl.com/に取り組んでいます。ヘッダーのロゴ(その H1)画像が IE7 でレンダリングされていないようです。FF や他のブラウザーで動作します。

HTML

    <div id='logo'>
      <h1>
         <a href='/' title='Some Text HERE'>
           Some Text HERE
         </a>
      </h1>
   </div>

CSS

#logo {
    float: left;
}
#logo a {
    background: url("http://companies.ur-nl.com/assets/logo_image_name.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 62px;
    margin: 35px 0 0;
    text-indent: -100000px;
    width: 195px;
}
4

4 に答える 4

2

これは、IE7 のよく知られたテキスト インデントのバグです。たとえば、「Text indent is not working in ie7 」を参照してください。

しかし、あなたのサイトでその質問の解決策を見つけることができませんでした。代わりに、を削除して次のtext-indentものに置き換えることができます。

line-height: 0;
font-size: 0;

これは、私がテストした Chrome30、IE7、および IE9 ブラウザーでうまく動作するようです。

出典:解決済み: IE7 ネガティブ テキスト インデント CSS バグ

于 2013-07-30T08:02:24.903 に答える
0

これをcssに追加します

#logo a{display:block;}
于 2013-07-30T07:04:30.290 に答える
0

これは、インライン ブロック プロパティが IE7 で完全にサポートされていないためです。

何らかの理由で、ロゴ コンテナー内のアンカーを主要なブラウザーのインライン ブロック要素にする必要がある場合は、display: inline-blockルールを残して、次のように IE7 用のハックを追加できます。

#logo a {
    display: inline-block;
    *display: block;
}
于 2013-07-30T07:54:01.680 に答える