Rendere cliccabile lo sfondo della pagina

[gent2010]

Ciao,
sapete se è possibile e come rendere cliccabile lo sfondo della pagina?

In pratica io ho la mia pagina div centrato e, vorrei metttere uno sfondo (a tutto, che stia di sotto) al tag body e che questo potesse essere cliccabile (quindi che sia attivo fuori dal contenuto della mia pagina).

Grazie

[uffissimo]

io proverei a mettere un div contenitore grande l'intera pagina al suo interno sviluppi il resto del sito, inserendo nel tag div: onClick="funzione_JS();" la quale funzione esegua quello che desideri,

l'html dovrebbe venire qlks tipo

<div onClick="funzione_JS();">

</div>

altrimenti proverei a crare un div in position:absolute (sempre grande come l'intera pagina), con ordinamento z al disotto di tutti gli altri elementi, dentro il quale metterei un tag a al quale darei le medesime dimenzioni del div dandogli display: block

ma nn garantisco il mantenimento della veste grafica così facendo...

boh... prova e aggiorna qui scrivendo i problemi che incontri... vediamo che si può fare

[uffissimo]

ok senti ho provato, puoi fare così:

html:

<div id="sfondo"></div>


<div id="contenitore">



</div>

nel css metti:

/* inserisci gli attributi del contenitore */
#contenitore {
	background-color:#fff;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative
}

/* inserisci gli attributi dello sfondo */
#sfondo {
	background-color:#000;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
#sfondo a {
	display:block;
	width:100%;
	height:100%;
}

mi raccomando... contenitore position:relative
e sfondo position:absolute

anche l'ordine dei tag div nell'html è importante

ora io non ti gareantisco che avrai vita facile e compatibilità su tutti i browser con questo sistema, è testato a malapena su firefox e IE

vedi un pò tu..

[gent2010]

ok, provo e ti faccio sapere.
Grazie molte!

[Squall22]

Chiuedo scusa se riporto in cima una discussione vecchia, ma credo di aver trovato un modo più comodo per rendere lo sfondo cliccabile.

Anzichè creare elementi html aggiuntivi basta rendere cliccabile il body e associare al click una funzione. La funzione controllerà se il target è il body (e non tutto il sito) e in caso affermativo reindirizzerà l'utente.

In questo post c'è una spiegazione dettagliata, una pagina di demo e il link per il download.