5

最後の手段として、stackoverflowを適用します。リンクの背景にある画像を使用しているときに、この ie6 バグが発生しました。ie6 は背景をスクロールするようです。どうすれば回避できますか？

一部の幅では、次のように表示されます:
alt テキスト http://img135.imageshack.us/img135/8849/badie1.png

そして、別の場所では次のように表示されます:
代替テキスト http://img522.imageshack.us/img522/8180/badie2.png

IE7 と FF では、期待どおりに次のように表示されます。
代替テキスト http://img142.imageshack.us/img142/2296/goodie.png
リンクは、右側に浮いている div 内に配置されます。

<a href="/tr" class="menuLink" style="background-image:url(/img/tr.png);">TR</a>
<a href="/eng" class="menuLink" style="background-image:url(/img/eng.png); margin-right:30px;">ENG</a>
<a href="/logout" class="menuLink" style="background-image:url(/img/logout.png);"><?=$ui["exit"];?></a>

   .menuLink {
     font-family:"Tahoma";
     font-size:11px;
     color:#003300;
     text-decoration:underline;
     font-weight: bold;
     background-position:0% 50%;
     background-repeat:no-repeat;
    }
     .menuLink:hover {
     font-size:11px;
     color:#047307;
     text-decoration:underline;
     font-weight: bold;
     }

どうすればこれを回避できますか？

4

6 に答える 6

3

私は自分でこの問題に遭遇しましoverflow:hiddenた.背景画像のある要素を使用すると、IE6の問題の多くが解決されることがわかりました(すべてではありません)。

于 2009-05-04T07:51:10.890 に答える
1

IE6 で機能するソリューションを見つけ、条件付きコメントを使用して、IE7、FF などの他の適切なバージョンを除外します。またbackground-position、IE6 ではパーセントを使用しないようにします (参照)。

于 2009-04-18T16:35:15.240 に答える
1

背景画像を含む要素を持っている場合padding-top、および -- IE6 では、に変更することができ、問題が修正されます。padding-bottombackground-positioningpadding-top: 16px;margin-top: 16px;

他の要素を押しのけることはなく、パディングをもう 2 倍にします。
それ以外の場合、IE7 および IE8 ではパディング属性が機能します。

于 2010-10-17T11:51:18.550 に答える
1

* ie6 .png 修正で background-position を使用することはできません。解決策は、画像を gif または 8 ビット png にすることです。

*私が使用/試したものはありません

于 2010-04-14T11:20:31.833 に答える
1

多少関連する質問に対するこの回答でアドバイスされているように、IE（IE8以前）の代わりにandを使用することをお勧めします。background-position-xbackground-position-ybackground-position

于 2009-05-14T17:47:41.937 に答える
0

変化する

background-position:0% 50%;

に

background-position:50% 50%;

そして追加

background-repeat: no-repeat;

これにより、画像が垂直方向だけでなく水平方向にも中央に配置され、画像がタイリングされなくなります。

于 2009-04-21T12:38:45.767 に答える