Image de background qui s'adapte toujours à la taille de l'écran

**yahya.romdhane.ensi** · 24/04/2013, 17h59

Svp , je veux que l'image de background s'adapte toujours à la taille de l'ecran(17 --> 25 pouces) et à la resolution , j'ai essayé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
body{
 
background: url("./images/fond1.png") no-repeat scroll center top transparent;
}

et j'ai essayé aussi cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
body{
 
background: url("./images/fond1.png") ;
width:100%;
height:100%;
}

et cela n'a pas resolu le problème , quelques suggestion svp , Merci.

**Muchos** · 24/04/2013, 20h09

CSS 3 sait le faire ! ™

Exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<!doctype html>
<html dir="ltr" lang="fr-FR">
<head>
	<meta charset="UTF-8" />
	<title>Responsive background</title>
	<style type="text/css">
body {
        background: url(http://www.w3.org/html/logo/downloads/HTML5_sticker.png) no-repeat scroll;
        background-size: cover;
}
        </style>
</head>
<body>
</body>
</html>

Plus d'informations sur la propriété Background Size.

Image de background qui s'adapte toujours à la taille de l'écran

CSS

Vue hybride

Discussions similaires

Partager

Partager