1

メニューバーがあり、それに 2 つの画像を添付しようとしています。

background:url('images/bgs/bg_container_top_left.png') no-repeat top left ,url('images/bgs/bg_container_top_center.png') no-repeat top right;

ここに添付されたさまざまな画像にさまざまなプロパティを割り当てるにはどうすればよいですか? 最初の画像に余白を付けたい場合のように

margin-left:-10px;

そして2枚目の画像へ

 margin-left:-5px;
4

3 に答える 3

2

これらのプロパティを変更するよりも画像を配置したい場合

例：

background:url('images/bgs/bg_container_top_left.png') no-repeat top -10px ,url('images/bgs/bg_container_top_center.png') no-repeat top -5px;

または使用しますbackground-position: 0px 0px 0px 10px;。

于 2013-01-16T06:47:02.650 に答える
0

これを試して

div{background: url('http://blog.agilebits.com/wp-content/uploads/2012/05/time-machine-icon.png') -5px top no-repeat, url('http://aux3.iconpedia.net/uploads/69290979.png') -10px top no-repeat ; }

デモ

于 2013-01-16T06:48:02.043 に答える
0

CSS3 では、複数の背景画像を使用できます。使用される形式は、最初の部分で示したものです。

background: url('images/bgs/bg_container_top_left.png') left top no-repeat,
            url('images/bgs/bg_container_top_center.png') right top no-repeat;

動作しないのではないかと疑っているマージンを使用するのではなく (必要に応じて自分でテストできます)、background-position プロパティ ( https://developer.mozilla.org/en/docs/CSS/ background-position ) を使用して、各背景の開始位置を調整します。各要素の実際の余白が異なる場合は、背景ごとに個別の要素を作成することを検討してください。このコードを使用してみることができます:

margin-left: -10px, -5px;

これは同じ形式に従います (最初に背景プロパティ値 1 をリストし、2 番目に値 2 をリストします)、これがサポートされているかどうかはわかりません。

于 2013-01-16T06:54:45.797 に答える