0

ulliアイテムの背景に正しく配置された背景画像があります。

ライムコンテナの端から少し離して配置したいのですが、正しく配置すると、コンテナ内以外の画像の一部が切り取られます。

コンテナの外にある場合でも、このように切り取られないようにするにはどうすればよいですか？

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

望ましい結果

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

CSS

body ul#main_navigation li li:hover > a, body ul#main_navigation li li.over > a
{
     background-image:url(/images/nav_arrow_right.png);
     background-repeat:no-repeat;
     background-position: 197px 12px;
     background-color: #0F0;
     color: #FFF;
}
4

3 に答える 3

0

コンテナの境界を破るイメージを持つことはできないと思います。liを少し広くして、矢印の画像に対応してから、子要素を左に移動してみてください。

または、子要素の背景として矢印を配置することもできます。

于 2012-08-20T11:33:36.937 に答える
0

この画像をサブリストの最初のリストアイテムの背景として配置してみませんか？

于 2012-08-20T11:41:20.443 に答える
0

background-imageどの要素からも突出させることはできません。要素に添付を使用するspanか、その隣の要素に背景画像を添付して、元の要素の一部であるかのように見せることができます。

個人的にはspan、divの外側に配置された要素の内側に背景画像を使用します。

于 2012-08-20T12:15:07.290 に答える