Ciao a tutti,
vorrei ottenere un effetto di copertura (ovviamente utilizzando il metodo opacity su un div!) dell'intera area del documento al di sopra della quale fare apparire un'immagine (posta su un altro div). Praticamente l'effetto che si verifica alla comparsa del messaggio pubblicitario sui siti tematici di HTML.IT: l'intera area del documente risulta coperta (in semitrasparenza... ma questo non ha importanza) da un altro <div>.
La mia esigenza è quella di determinare l'altezza del documento in modo da poter dimensionare in rapporto ad esso il div di copertura.
Ho provato con questa soluzione (trovata in questo forum):
//---------------IDENTIFICA ALTEZZA DOCUMENTO-----------------------------------------------------------
var IE6vDoc=(document.compatMode && document.compatMode != "BackCompat")?1:0;
var w = (window.innerWidth)?window.innerWidth:
((IE6vDoc)?document.documentElement.clientWidth:
document.body.clientWidth);
var h = (window.innerHeight)?window.innerHeight:
((IE6vDoc)?document.documentElement.clientHeight:
document.body.clientHeight);
//---------------IDENTIFICA ALTEZZA DOCUMENTO-----------------------------------------------------------
Il problema è che viene identificata l'altezza dell'area del documento sullo schermo, ma non copre l'intera area del documento (scrollabile) che piene compilata in maniera dinamica in base al contenuto sul DB!
Grazie per l'aiuto!

Rispondi quotando