6

ユーザーがメニューからマウスを離した後に非表示になるはずの.pngを含む「メガメニュー」があります。IE では期待どおりに機能しますが、Chrome では機能しません。画像の領域がメニューを越えてぶら下がったままになります。

Sparkys の提案によると、 JSFiddleは次のとおりです。

私の開発フォルダへのリンクは次のとおりです。

http://libertyeaglearms.com/dev/

ここに私のcssへの直接リンクがあります：

http://libertyeaglearms.com/dev/assets/menu.css

6号線が関係していると思われます

.megaCreator a img{ 
  display:block;
  position:absolute;
  bottom:-50px;
  right:-50px;
  max-width:550px;
  outline:none;
  border:none;
  background:none; 
}

確信はないけど。

ここにコードを直接投稿する必要がある場合は、問題がどこにあるのか正確にはわからないので、実際のシートを介してすべての css を表示する方が良いと思います。

問題を示すスクリーンショットをいくつか示します。

マウスオーバーは次のとおりです。

ここに画像の説明を入力

マウスアウトは次のとおりです。

ここに画像の説明を入力

注：質問が出た場合に備えて、メニューにjavascriptを使用していません！

ありがとう ：）

これが作業コードです-> JS FIDDLE

4

2 に答える 2

1

これらのルールの 1 つは、オーバーフローを上書きすることです。

.megaMenu-fade > li.megaMenu-drop:hover > div,
.megaMenu-fade > li.megaMenu-drop:hover > ul,
.megaMenu-fade > li > ul li.megaMenu-drop:hover > ul,
.megaCreator > li.megaMenu-drop:hover > div,
.megaCreator > li.megaMenu-drop:hover > ul,
.megaCreator > li > ul li.megaMenu-drop:hover > ul

見る：

ここに画像の説明を入力

于 2013-03-03T19:22:00.193 に答える
0

私はそれをよく使っていましたが、「img」タグの表示をなしに変更したため（パーツ画像がページに残った後）、cssとは関係がないことがわかりましたが、それでもそのままでした。私の推測では、時々消えてしまうようなことを処理できなかったのは、クロムグラフィックレンダラーの問題であるに違いありません。私の推測では、それはクロムのせいであり、あなたのせいではなく、その画像に要素（divなど）を配置しない限り、問題は依然として存在します。

于 2013-03-03T19:49:49.823 に答える