0

スーパーフィッシュメニューを使用してカートアイコンを表示しています。カートアイコンにカーソルを合わせると、メニューがドロップダウンします。リンク状態には、ショッピングカートの背景画像が含まれています。リンクにカーソルを合わせると、背景画像が暗い画像に切り替わり、周囲のスペースが白で塗りつぶされます。これはFFで正常に機能しているようですが、IE7とIE8の両方で問題が発生しています。IE7およびIE8では、問題は、リンク状態またはホバー状態の背景画像が表示されないことです。これは、IE7とIE8がインストールされている実際のマシンで確認した場合にのみ発生します。それぞれのブラウザモードが選択されているIE9では機能していないようです。また、仮想マシン上で複製されていないようです。問題は、IE7とIE8で画像が表示されない原因は何ですか？コードが少し長すぎて、ここに貼り付けることができません。

JSFiddleを更新 http://jsfiddle.net/SeasonEnds/nfYDC/2/

4

1 に答える 1

0

フィドルに基づいて、ホバーしているときに背景を画像と「なし」の両方に設定します。

.cart li:hover, .cart li.sfHover,
.cart a:focus, .cart a:hover, .cart a:active {
    background:#fcfcfc;
}

背景の省略形を使用するのではなく、背景色だけを設定してみてください。これは、何も設定されていない場合に「none」の背景画像を意味します。そこにいくつかの競合がある可能性があります（フィドルCSSに有効な画像参照があるかどうかをテストする方が簡単です）。

于 2012-05-17T21:59:56.763 に答える