jquery - サブメニューオブジェクトを含むメニューボックスの画像

Question

私はcssメニューに取り組んでおり、サブメニューがあるすべてのメニューのボックスの横に小さな画像が表示されるようにしたいと考えています。

コードは次のとおりです。http： //jsfiddle.net/u9KrH/4/ それに付随する2つのJSファイルもありますが、それらをそのエディターに添付することはできませんが、ここで実際の動作を確認できます：http： //trulyscience.com/test/index.php

変更ul.dropdown li:last-child aすることでうまくいくことを望んでいましたが、それでもまったく修正されませんでした。だから今私は無知です、誰かが何か提案がありますか？

Answer 1

そのtruelyscience.comページでは、のbackgroundプロパティを微調整する必要がありますul.dropdown li:last-child a。

CSSはデフォルトで背景をタイリングするため、置き換える必要があります

background-image: url('images/redarrow.jpg');

と

background: url('images/redarrow.jpg') no-repeat right center;

背景を配置し、繰り返しを停止します。'right'および'center'の代わりにpxまたは％値を使用することもできます。

同じコードのより詳細なバージョンは次のとおりです。

background-image: url('images/redarrow.jpg');
background-position: right center;
background-repeat: no-repeat;

結果は次のとおりです。

になる：