javascript - テキストと背景画像の間のパディングを減らす

Question

このフィドルをチェックしてください。HOVERのテキストと背景画像の間隔に問題があります。

これはうまく機能していますが、テキストの直前に画像を配置できない理由がわかりません。このフィドルでは、上に表示される画像は、テキストの直前に表示される必要があるという私の要件のちょうど隅にあります

これが私が今持っている画像です

ここに画像の説明を入力してください

そして私は欲しい

ここに画像の説明を入力してください

私はJavascriptを使用してそれを行いました、そしてここに次のフィドルがあります

しかし、このコードの問題は、ボックス全体が動きすぎていることです。私は本当に混乱していて、何をすべきかわかりません

score 3 · Accepted Answer

cssをに変更するだけです

#nav li:hover {
    background: url("http://i.imgur.com/IhyGC.png") no-repeat scroll 5px 12px #3EBBEC;
    color: #FFFFFF;
}

あなたがこの出力を期待したことを願っています

score 0 · Accepted Answer

0

これをnavliに追加します

background-position: 0px 5px;

動作するはずです

于 2012-05-10T08:12:55.147 に答える

2 に答える 2