Images en fond

Nous pouvons placer plusieurs images en fond de cadre, positionnées selon notre paramétrage.

Pour ces exemples, j'ai choisi de mes textures mais vous pouvez mettre des "photos classiques".

J'ignore si cette page peut vous servir mais...

<div id="test">3 images en fond</div>
<div id="test1">3 images irr&eacute;guli&egrave;res en fond</div>
<div id="test2">6 images en fond</div>
<style><!--
#test{width:60vw; height:10vw; margin:1vh auto; border:0.1vh solid black; text-align:center; line-height:10vw; font-size:3vw; color:white; text-shadow:0.2vh 0.2vh black; background:url('http://ekladata.com/Ux3YknLVZ-vxdNrt78dJhkfQJjY/img637.jpg'),url('http://ekladata.com/a_8KslWkYma9nL24Ve6-Zg8Ntuw/img861.jpg'), url('http://ekladata.com/G-QbwvgXZWKDJ_ugOtF1WYD8Dnc/marble6.jpg'); background-repeat:no-repeat,no-repeat,no-repeat; background-size:20vw 10vw,20vw 10vw, 20vw 10vw; background-position:0vw 0vw,20vw 0vw,40vw 0vw;}
#test1{width:60vw; height:10vw; margin:1vh auto; border:0.1vh solid black; text-align:center; line-height:10vw; font-size:3vw; color:white; text-shadow:0.2vh 0.2vh black; background:url('http://ekladata.com/Ux3YknLVZ-vxdNrt78dJhkfQJjY/img637.jpg'),url('http://ekladata.com/a_8KslWkYma9nL24Ve6-Zg8Ntuw/img861.jpg'), url('http://ekladata.com/G-QbwvgXZWKDJ_ugOtF1WYD8Dnc/marble6.jpg'); background-repeat:no-repeat,no-repeat,no-repeat; background-size:10vw 10vw,20vw 10vw, 30vw 10vw; background-position:0vw 0vw,10vw 0vw,30vw 0vw;}
#test2{width:60vw; height:20vw; margin:1vh auto; border:0.1vh solid black; text-align:center; line-height:20vw; font-size:3vw; color:white; text-shadow:0.2vh 0.2vh black; background:url('http://ekladata.com/Ux3YknLVZ-vxdNrt78dJhkfQJjY/img637.jpg'),url('http://ekladata.com/a_8KslWkYma9nL24Ve6-Zg8Ntuw/img861.jpg'), url('http://ekladata.com/G-QbwvgXZWKDJ_ugOtF1WYD8Dnc/marble6.jpg'),url('http://ekladata.com/Se7O98G73efjM2maORhUpYk4LGY/satin1.jpg'),url('http://ekladata.com/_WyYeIH4z6MER08Z-l9oYhlLuZ4/satin4.jpg'), url('http://ekladata.com/BJKym4Redempt61NXhjBkz0-6fM/satin3.jpg'); background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat; background-size:20vw 10vw,20vw 10vw, 20vw 10vw; background-position:0vw 0vw,20vw 0vw,40vw 0vw, 0vw 10vw, 20vw 10vw, 40vw 10vw;}
--></style>

Nous pouvons placer plusieurs images en fond de cadre, positionnées selon notre paramétrage.

Les adresses des images sont écrites dans l'ordre souhaité.

Nous indiquons à chacune, dans l'ordre, de ne pas se répéter.

Nous dimensionnons chacune, dans l'ordre toujours.

Nous positionnons chacune selon notre choix.