2

メニューのようなアイテムのリストがあり、現在のアイテムには右への大きなポインターのような背景画像があります。この背景画像ポインターは、含まれている div の境界ボックスをエスケープする必要があります。これは、Chrome と FF でどのように表示されるかのスクリーンショットです。これは、期待どおりに表示されます。

ここに画像の説明を入力

私はコードを使用して jsfiddle をセットアップしましたが、背景画像を除いて、どこにでもアップロードする必要はありません。しかし、背景色を設定したので、私が言及しているものを見ることができます

コードはこちら: http://jsfiddle.net/V8TNm/

そのため、Chrome と FF では、アクティブなアイテムの黄色の背景が灰色のグラデーション ボックスを超えて伸びます。しかし、IE9 では、それが途切れています。

理由と簡単な修正方法はありますか?

4

2 に答える 2

1

position:relative を追加するだけです。

#nav_mod_list div.current {
position: relative;
}

http://jsfiddle.net/V8TNm/3/

于 2012-06-26T01:42:53.223 に答える
0

セレクター#nav_mod_list div.currentの幅は210px、コンテナーと同様に、パディングとマージンと同様です200px。210 を 200 に変更し、マージンとパディングを削除します。

編集:

widthプロパティを完全に削除することもできます。そうすれば、コンテナの幅が単純に拡張されます。

于 2012-06-26T01:43:45.777 に答える