banner con flash y sin flash z-index

[vani18]

hola todo bien , tengo una pagina en la cual , esta tiene un banner con flash..


este se ve, bien... anteriormente tenia una imagen, en ese lugar, que bueno ahora en el mismo id le coloque el flash...


loque quiero es que esta imagen de antes -banner en formato imagen jpg, este debajo del flash..- eso es posible?

-------con algun estilo css. creo que se podia - z-index..-

no tiene nada que ver, que aun ocupa lugar,,,y me quedaria un espacio vacio del div que no se ve...


<div de banne>


<div id="bannjpg" style="z-index:-2"> banner en jpg </div>

<div id="bannflash" style="z-index:5"> banner en flash </div>


</div>


, quiero hacer esto por las dudas, ya que en algunos cellulares no se ve lo que es flash... y siempre sucede que cuando carga la pagina... lo que es flash , se ve 2 segundo despues ,..

¿¿se puede hacer lo que quiero ????

[C2am]

digo yo, ¿porque mejor no pones la imagen como fondo del div que contiene al flash?

Saludos

[vani18]

Iniciado por C2am

digo yo, ¿porque mejor no pones la imagen como fondo del div que contiene al flash?

Saludos

vos decis,,, en el div,,, del flash. pongo backgroun img url ....

y dentro pongo el swf flash ,,,,

si me habia olvidado..

[chrishxc]

En el body de la página creas dos div.
Por razones obvias, a uno le llamaremos flash y al otro jpg xD

Ejemplo:

Código:

<div contenedor>
    <div id=flash></div>
    <div id=jpg></div>
</div>

En el css:
Los dos van a tener exactamente las mismas propiedades (width, height, position etc etc). Pero, el div "jpg" tendrá un "display:none").
Por lo que se va a ver el "flash".

Para hacer que el flash no se vea en los terminales móviles y sí el jpg, en el css le agregamos estas líneas (al final del css):

Código:

@media only screen and (max-width: 1023px) {
#flash {display:none;}
#jpg { display:block;}
}

@media handheld, only screen and (max-width: 767px) {
#flash {display:none;}
#jpg { display:block;}
 }

[pzin]

Iniciado por chrishxc

Código:

<div contenedor>
    <div id=flash></div>
    <div id=jpg></div>
</div>

La solución tendría más elegancia si se usaran comillas para el valor de los atributos, como marcan las buenas formas.

Código HTML:

<div contenedor>
    <div id="flash"></div>
    <div id="jpg"></div>
</div>
 

Que luego pasan cosas raras.

[chrishxc]

Muy cierto. Se me olvidaron (lo que tiene trabajar con dreamweaver, dónde aparecen por arte de magia).