Backgroud redirection .

Version imprimable

Bonjour,
Je veux que l'image du background de ma page soit cliquable redirection :

Code:

1
2
3
4
5
6
7
8
9
10
BODY {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url("aa.jpg");
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover;
    overflow-x: hidden;
   /* Ajouter un attribut de redirection vers une autre page comme a href en   cliquent sur background */
}

01/08/2012, 16h37
NoSmoking

Bonjour,
le CSS ne te sera d'aucun secours, il te faut passer par un événement onclick sur le BODY => javascript
01/08/2012, 16h46
benhsaien

Merci,un exemple si c'est possible.

Code:

1
2
3
<body onclick="document.location.href='http://www.developpez.net'" >
     ---
</body>

voire

Code:

1
2
3
<a href='http://www.developpez.net'><body> 
 
</body></a>

mais ce dernier doit pas être très recommandé^^

non ça ne marche pas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html>
<STYLE type="text/css">
BODY {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url("aa.jpg");
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover;
    overflow-x: hidden;
}
</STYLE> 
<a href='http://www.developpez.net'>
<body onclick="document.location.href='http://www.developpez.net'" >

je veux lorsque que je clique sur l'image de l'arriere plan aa.jpg qu'il y ait une redirection vers :http://www.developpez.net ???

Mais non pas les deux, prends que le premier.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<STYLE type="text/css">
BODY {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url("aa.jpg");
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover;
    overflow-x: hidden;
}
</STYLE> 
<body onclick="document.location.href='http://www.developpez.net'">
Test
</body>

En cliquant sur test ca devrait te rediriger

01/08/2012, 17h05
benhsaien

Oui mais je veux le clique sur l'image de l'arriére plan pas sur un text .
Exemple : http://koorapress.com/
01/08/2012, 22h02
NoSmoking

il te faut vérifier sur le clic que c'est bien le BODY qui reçoit l'événement et non une élément contenu de la page dont l'événement se "propage".
:fleche: Présentation des évènements du DOM

D'accord NoSmoking un exemple si c'est possible, il faut modifier quoi sur ce code?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<STYLE type="text/css">
BODY {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url("aa.jpg");
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover;
    overflow-x: hidden;
}
</STYLE> 
<a href='http://www.developpez.net'>
<body onclick="document.location.href='http://www.developpez.net'" >