/ / Background margem negativa de repetição x para sobreposição - css, plano de fundo, margens

Fundo x-repeat margem negativa para sobreposição - css, fundo, margens

Na verdade, minha primeira pergunta na pilha :)

Eu estou tentando obter uma margem negativa (direita) no meu fundo de repetição, por isso não haverá uma lacuna entre as imagens repetidas.

Parece que não há sintaxe CSS para isso.

Para esclarecer as coisas, adicionei uma imagem abaixo. Então, eu estou tentando fazer com que as imagens repetidas das coisas parecidas com cookies se sobreponham, de modo que não haja nenhuma lacuna entre elas.

captura de tela da página

Respostas:

1 para resposta № 1

Você pode aplicar vários fundos a um elemento, então por que não usar essa imagem de fundo duas vezes, com diferentes deslocamentos horizontais.

body {
min-height:170px;
background:
url("http://i.stack.imgur.com/jKAKB.png") 0 100% repeat-x,
url("http://i.stack.imgur.com/jKAKB.png") 75px 100% repeat-x;
}

PS o cookie como as coisas são chamadas kruidnoten. Embora todos chamem então pepernoten, o que não é realmente verdade.