[SOLUCIONADO] Animacion flash tapa menu desplegable CSS... Ya intente todo?

[zerobathory]

Estoy rediseñando el sitio de una radio por internet... Y de las 6 opciones en el menu, sólo una tiene un submenu... Tengo una animacion con un script llamado prettyPhoto... el problema es que cuando se despliega el submenu la animacion tapa a las opciones casi no se ve nada.... He buscado por internet y al principio todas las respuestas decian que lo hiciera on un Z-index en el CSS... Pero originalmente el script ya tiene un z-index de 99 con posicion relativa... Segui buscando y todos decian que en el codigo html del flash se metiera el comando wmode="transparent"... Ya lo hice y sigue pasando lo mismo... Veran... Estambien con jquery y tra predefinida opciones para cambiar las cuales son estas:

Código:

$.fn.prettyPhoto = function(pp_settings) {
		pp_settings = jQuery.extend({
			animation_speed: 'fast', /* fast/slow/normal */
			slideshow: 0, /* false OR interval time in ms */
			autoplay_slideshow: false, /* true/false */
			opacity: 0.80, /* Value between 0 and 1 */
			show_title: true, /* true/false */
			allow_resize: true, /* Resize the photos bigger than viewport. true/false */
			default_width: 500,
			default_height: 344,
			counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
			theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
			horizontal_padding: 20, /* The padding on each side of the picture */
			hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
			wmode: 'transparent', /* Set the flash wmode attribute */

Y bajando un poco el codigo asi esta acomodado:

Código:

image_markup: '<img id="fullResImage" src="{path}" />',
			flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}" wmode="transparent"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
			quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}" wmode="transparent"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',

He intenado ponerle ese atributo de transparent a practicamente todos los "object" y los "embed" y tambien agregando "<param name="wmode" value="transparent"> y nada... Alguna sugerencia???

http://www.activoradio.hol.es/Activo2/MusicBand/

Ese es el link... Solo pongan el mouse sobre la opcion que dice "audio" para que se medio alcance a ver el submenu... Les agradeceria que me ayuden

[zerobathory]

No hubo ninguna respuesta, ya lo resolvi, lo pongo por si hay otras personas que tengan ese problema... En mi desdesperacion comenze a comentar casi todo el codigo principal de la pagina para ver exactamente en que seccion se originaba el problema... Entonces quite todo de abjo del menu y segia psando lo mismo... Entonces me pregunte... Si ya quite la animacion flash... Por que el menu se sigue cortando?? entonces Empece a revisar el CSS.. Y cometi el error de darle un alto muy pequeño al menu, si no mal recuerdo 40px a esa seccion ya que esta maquetada....Entonces le aumente el alto a unos 100px... Y listo

[Bandit]

Hola zerobathory:
En el link que muestras allí no hay una animación Flash, si no un slider realizado con jquery.
Para que el menú se vea completo el z-index se lo debes de dar al menú y no al slider.

Espero haberte sido de ayuda.