1

我有一个菜单栏，我正在尝试将两个图像附加到它这就是我所做的-

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;

和第二张图片

 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），但我不确定这是否受支持。

于 2013-01-16T06:54:45.797 回答