Backgroud redirection .

**benhsaien** · 01/08/2012, 16h22

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

Code :

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

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 */
}

**NoSmoking** · 01/08/2012, 16h37

Bonjour,
le CSS ne te sera d'aucun secours, il te faut passer par un événement onclick sur le BODY => javascript

**benhsaien** · 01/08/2012, 16h46

Merci,un exemple si c'est possible.

**benf35** · 01/08/2012, 16h52

Code :

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

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

voire

Code :

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

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

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

**benhsaien** · 01/08/2012, 16h59

non ça ne marche pas :

Code :

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

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 ???

**benf35** · 01/08/2012, 17h03

Mais non pas les deux, prends que le premier.

Code :

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

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

Backgroud redirection .

CSS

Vue hybride

Discussions similaires

Partager

Partager