2010-10-26 7 views
0

Je filtre un site avec une annonce et je souhaite que l'intégralité de l'annonce soit cliquable. L'annonce prend tout le fond (corps), comme indiqué ci-dessousScript Jquery pour rendre l'arrière-plan cliquable

body { 
background-attachment:scroll; 
background-color:#000000; 
background-image:url("http://gunshyassassin.com/wp-content/uploads/2010/10/gunshy_takeover2OUTNOW4.jpg"); 
background-position:center top; 
background-repeat:repeat-x; 

Je l'ai utilisé pour positionner absolument css l'ancre, mais il won''t travail en raison de la taille de l'arrière-plan. Je suis à la recherche d'un script jquery qui dit essentiellement:

lorsque vous passez la souris sur l'arrière-plan, tournez le pointeur dans un curseur. Si vous cliquez n'importe où sur l'arrière-plan, accédez à ce lien: http://google.com. MAIS, si vous passez la souris sur le conteneur principal (un enfant du corps, évidemment), désactivez le vol stationnaire et le lien.

Des idées?

Répondre

3

Impossible de le décrire, essayez de positionner une nouvelle bannière (affichage: bloc, position: absolue, haut: ..px, gauche: 50%, marge-gauche: -bannerwidth/2px;) absolue dans le corps

+0

Je dois aussi ajouter: largeur: 100%; débordement: masqué car l'image d'arrière-plan est plus grande que mon moniteur. Bonne solution cependant. – JCHASE11

1

Je voudrais créer un div (comme Koen dit) est absolue positionné à 0,0 et remplit l'écran, puis ajouter un gestionnaire de clic pour que:

$("#fullpageadvert").click(function() { 
    do stuff; 
}); 
0

Il n'y a aucun moyen de le faire. Mais vous pouvez ajouter un div absolu fictif sur le fond:

#dummy{ 
    position: absolute; 
    height: 100%; 
    width: 100%; 
    top: 0px; 
    right: 0px; 
    z-index: -1; 
} 
+0

Maksim, cela fonctionne bien dans IE, mais pas dans Firefox. Le div semble être derrière le corps. – Corgalore

+0

Ajoutez 'z-index: -2;' aux styles 'body'. Il ne doit pas être des nombres exacts, assurez-vous juste que le corps a un 'z-index' plus bas que le fond' div'. Vous pouvez également essayer la solution acceptée ci-dessus. –

Questions connexes