Un Immagine "Volante", Sempre in Alto.

[PiccoloPalazzi]

Ciao!!
Dunque, quello che sto per chiedere, senz'altro sarà ricavabile, da un Semplice Menù DHTML..che Rimane FISSO, a quell'altezza, anche se con la Scrollbar, si scende nel basso della Pagina.

Ho Bisogno che un'immagine, sia sempre IN ALTO alla pagina, per tutta la larghezza (quindi le assegnerò larghezza 100% e altezza 10 PIXEL), anche quando con la ScrollBar si scende giù...
Ne Ho Bisogno perchè deve crear un effetto dissolvenza, con il testo del Sito (l'immagine infatti andrà a sfumare da NERO, a Trasparenza Totale).

Attendo risposta. Grazie 1000

[PiccoloPalazzi]

Ragazzi Ho Risolto ..ma la trasparenza nelle immagini si può impostare in percentuale??
O Solo 100 % ?

[Savioz]

ciao...come hai risolto?

qualcun altro ha già fatto qualcosa di simile?

grazie.

[pugia]

credo che abbia usato nel CSS il position: fixed, ma IE non lo supporta non so perché...

[PiccoloPalazzi]

Mi spiace, avevo risolto con soluzioni alternative...!

[zoom]

con i browser standard è sufficiente position:fixed.
con IE è necessario appoggiarsi a Js per far riposizionare l'immagine ogni tot millesimi di secondo.

[Savioz]

Originariamente inviato da PiccoloPalazzi
Mi spiace, avevo risolto con soluzioni alternative...!

chiedo troppo se ti chiedessi di illustrarmi queste "soluzioni alternative"?

Grazie!

[zoom]

io in js uso una cosa di questo tipo

var is_gecko = ((clientPC.indexOf('gecko')!=-1) && (clientPC.indexOf('spoofer')==-1)
                    && (clientPC.indexOf('khtml') == -1) && (clientPC.indexOf('netscape/7.0')==-1));
var menu;
var theTop = 30;
var old = theTop;

function init()
{
	menu = new getObj('divformatter');//questo è il nome dell'oggetto che dovrà rimanere fermo.
	movemenu();
}

function movemenu()
{
	if (window.innerHeight)
	{
		  pos = window.pageYOffset
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{
		pos = document.documentElement.scrollTop
	}
	else if (document.body)
	{
		  pos = document.body.scrollTop
	}
	if (pos < theTop) pos = theTop;
	else pos += 30;
	if (pos == old)
	{
		menu.style.top = pos;
	}
	old = pos;
	temp = setTimeout('movemenu()',20);
}
function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}

//Faccio scorrere il div solo se e' IE che non supporta il fixed
if (!is_gecko){
	window.onload = init;
}

[Savioz]

grazie zoom...speravo di trovare qualche soluzione con i css...magari usando qualche hack per la compatibilità con ie...

[zoom]

IE non supporta il fixed. e che io sappia js è l'unico modo per simularlo.