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