0

jsFiddle

クラスとのリンクにBG画像を添付しましたselectedlink

画像は表示されていますが、下に配置すると、リンクの視覚的パラメータの外側に表示されなくなります。それhrefは、画像への窓のようなものです。

コードは次のとおりです。

CSS：

div#intnavIcons a.selectedlink { 
    color: #900404; 
    font-size:11px; 
    font-weight:bold; 
    padding:#FFF; 
    text-decoration:underline; 
    background: url("/images/nav/bg-nav-current.png") no-repeat scroll center bottom transparent;
}

HTML：

<div id="intnavIcons">
   <a class="selectedlink">This is selected</a>
   <a>This is not selected</a>
   <a>This is not selected</a>
   <a>This is not selected</a>
</div>

hrefの上に画像を保持するためのスタイルに何かが欠けているかどうか誰かが確認できますか？

それをさらに下に移動するために、私はただ追加していますbackground-position: 0px 10px;

4

1 に答える 1

2

背景画像は要素のボックスに限定されます (特定のボックスはbackground-clipスタイルによって異なります)。下に移動しようとすると、ボックスの底に当たると消え始めます。

を追加してみてくださいpadding-bottom:10px。

また、あなたが を持っていることに気付きましたがpadding:#FFF、これは意味がありません。ということbackground-colorですか？

于 2012-12-22T23:40:45.903 に答える