Position: fixed; z-index: negativo; -> sfarfallio in FF

[99caos]

Mannaggia a Socrate*

html:

<div id='container'>
<div id='content'>
bla bla bla etc <div id='boxqualsiasi'></div>
</div>
<div id='boxBackground'>
</div>
</div>

css:

#container { position: relative; }
#content { position: relative}
#boxBackground { position: fixed; z-index: -1; }

altre regole di formattazione servono per evidenziare il problema che potete ammirare a questo link:

http://lucianoamodio.it/test/positionfixed.html

L'errore:

sfarfallio del contenuto che scrolla sopra il box fisso in FireFox. Assente in IE7.

Note per i Moderatori:

* Nietzsche accusava Socrate di aver castrato l'umanità deviandola verso quello che lui definisce Spirito Apollineo in contrapposizione allo Spirito Dionisiaco caratterizzato dalla prevalenza del mito in vece della logica astratta Apollinea.
Un'immagine val più di tante parole e i miti, le favole, restano nonostante tutto, e contro matematica, logica et simila, come pietra miliare della formazione umana, molto più esaustivi di quanto possano le parole da sole, le immagini evocate dai miti portano il lettore/ascoltatore, direttamente nel fatto anzichè leggerlo come un resoconto giornalistico pieno di numeri e percentuali...

detto questo mi rendo conto che qualcuno possa mal digerire qualcosa di non solito, ma dubito che non sia chiaro quanto detto nel precedente post chiuso Il colpevole

In merito al fatto che non esistano valori negativi per la proprietà z-index: http://www.w3schools.com/

Ma ti ringrazio per la segnalazione in quanto pare che FF non lo supporti bene (ma lo supporta)

[fcaldera]

sullo zindex in effetti hai ragione: confondevo il fatto che z-index negativi non sono gestiti correttamente su IE6 e precedenti.

[99caos]

Ho verificato la storia dello z-index. Come ho gia detto pare che FF non lo supporti... stranamente però in altri progetti non si comportava malaccio... anzi, era il fulcro di alcuni simpatici effetti.

Devo indagare.

Nel frattempo ho modificato lo z-index dell'esempio portandolo da -1 a 1 e ponendo lo z-index del contenuto a 2 in modo che vi si sovrapponga.

Il problema però sussiste.

Farò ulteriori verifiche per vedere se sono io che dormo poco o effettivamente su altri proggetti funzionava.

Aggiornamento: mi so scordato di dire che l'effetto indesiderato appare quando si scrolla lentamente (quindi con le barre di scroll e con alcune mouse wheel)

[fcaldera]

http://www.slicksurface.com/blog/200...ve-values.html

[Mich_]

Peccato che il box bianco non ci sia nella pagina....
per lo meno io (FF 1.5 sotto linux) non lo vedo.

D'altronde e` un box vuoto (che i browser possono quindi ignorare) ed e` posizionato sotto agli altri elementi (che ci scorrono sopra)

Non mi piace neppure quel colore giallo, che da solo puo` genereare sfarfallio in qualche monitor.

Sto quindi dicendo che:
- se vuoi vederlo deve avere uno z-index superiore agli altri
- se vuoi essere sicuro che venga visto, devi metterci dentro qualcosa (come minimo uno spazio)
- devi fare prove anche con altri colori, sia puri (#f00, #0f0, #00f) che combinati.

[99caos]

ma pensi che quello sia il sito che sto realizzando? oddio! sparatemi!

ho usato fc0 e 333 per evidenziare sopra fff l'effetto in questione.

ff gestisce benissimo un div vuoto, e il div stesso in ff 2 è visibile, devo provare con le versioni inferiori...

gli altri consigli sono chiacchiere gratuite

[Habanero]

FF2 su windows vedo l'effetto... ti riferisci al fatto che la parte di riga grigia fuori dal box bianco si muova leggermente in anticipo o in ritardo rispetto alla parte esterna? Se così è, è possibile che sia un difetto di rendering di FF....

[99caos]

si, esatto, è orrendo... specialmente se ci sono diversi elementi posizionati assolutamente... certo si tratta del resize che non è un evento frequente ma l'effetto che ho costruito si basa su questo.

come workaround ho impostato la larghezza dell'elemento in modo che corrisponda a tutta la pagina, in tal modo si bypassa il problema ma temo che su altri browser faccia casino, devo ancora testare