I’m working on a project that required both sIFR headings for blog posts, and suckerfish-style drop down menus (use this instead of traditional suckerfish – it makes use of the JQuery library). Problem is, the drop down menus fall behind the flash movies that make up the headings.
Solution?
Add one line to your sifr-config.js file, thusly:
sIFR.replace(sifrMovieName, { selector: 'h2', css: {'.sIFR-root': { 'color': '#0076A3', 'background-color':'#D5E6ED', 'text-decoration':'none' }}, wmode: 'transparent' <-- This is the line! });
It works perfectly!