trasparenza div annidati su IE

[niek]

Salve a tutto il forum,

sono nuovo tra vuoi ma vecchio per fratture al cranio dovute alle continue a causa di internet explorer...

Il problema che mi fa impazzire sta volta riguarda l'incapacità di questo browser di gestire l'opacità di un div che al suo interno contiene diverse immagini e altri div con del testo.
esempio:

<div id="div_da_nascondere">
     [img]bla_bla_bla.gif[/img]<div id="testo1">bla bla bla</div>
     [img]bla_bla_bla_2.gif[/img]<div id="testo2">bla bla bla</div>
     [img]bla_bla_bla_3.gif[/img]<div id="testo3">bla bla bla</div>
</div>

la struttura del contentuo del div da far sparire è questa che vedete.

La domanda è:

perché con FF settando l'opacità del div principale "div_da_nascondere" tutto il suo contenuto scompare, mentre con ie l'effetto non si verifica?

Si può escludere a priori un problema derivante dal modo di assegnare l'opacità dato che ho già implementato una funzione che passa il dato in modo che explorer e FF possano digerirlo, tant'è vero che se gestisco l'opacità dei singoli elementi separatamente in ie il tutto funziona.

Anzi se modifico la struttura interna in questo modo

<div id="testo1">[img]bla_bla_bla.gif[/img]bla bla bla</div>
...

e applico l'opacità a "testo1" l'effetto sul suo contenuto viene gestito correttamente...

Sinceramente non capisco quale sia l'inghippo.

Suggerimenti?

[br1]

Magari se ci spieghi cosa c'azzecca il javascript... :master:

Ti sposto su CSS

[andr3a]

Explorer vuole le dimensioni ... se non specificate l'effetto filter sull'alpha o opacity che sia non va

[niek]

Ciao br1,

chiedo scusa per l'approssimazione nel presentare il problema, ma credo che il canale che avevo scelto sia quello giusto.

Io definisco dinamicamente l'opacità delle immagini tramite una funzione js che imposta una chiamata ad una funzione tramite setInterval. Funzione che si occupa di abbassare l'opacità delle immagini fino a portarla a zero.

Il problema è che se a questa funzione passo come elemento da modificare un immagine o un div essa si comporta correttamente sui diversi browser, al contrario, se indico un div che funge da contenitore di diversi elementi (vedi esempio del mio post precedente), su FF funziona tutto correttamente, mentre su Ie invece no.

A questo punto non so nemmeno se posso postare il codice js visto che sono stato spostato nel canale CSS...

[fcaldera]

hai seguito il suggerimento di Andr3a? Hai assegnato delle dimensioni al contenitore?

[niek]

Originariamente inviato da fcaldera
hai seguito il suggerimento di Andr3a? Hai assegnato delle dimensioni al contenitore?

ciao,

stavo provando proprio ora eh... ok, funziona.

Ma... come devo considerare questa necessità di ie? il fatto che necessiti delle dimensioni e un aderenza agli standard o solo un'inutile pignoleria?

[fcaldera]

è una necessità che ha il browser in questione visto che l'opacità viene realizzata tramite un filtro ActiveX.

[niek]

Grazie a tutti dell'aiuto e a fcaldera per il chiarimento.

A presto, sperando di poter essere d'aiuto piuttosto che doverlo chiedere.

Ciao!