sIFR in Hauptmenü

Question

Ist das Menü:

<div class="navigation"> 
    <ul id="nav-menu"> 
    <li class="active"> 
     <div class="sifr-r active"><a href="#" title="home" class="top-link"><span class="blue-small">01.</span><br />HOME</a></div> 
     <div class="blue-line"></div> 
    </li> 
    <li> 
     <div class="sifr-r"><a href="#" title="property management" class="top-link"><span class="blue-small">02.</span><br />PROPERTY<br />MANAGEMENT</a></div> 
     <div class="blue-line"></div> 
     <ul> 
     <li><a href="#" title="Rental returns">Rental returns</a></li> 
     <li class="last"><a href="#" title="Resources">Resources</a></li> 
     </ul> 
    </li> 
</ul> 

und sIFR:

sIFR.replace(conduititc_light, { 
    selector: '.sifr-r', 
    css: [ 
    'a {color: #3c4a4b; text-decoration: none; margin-left: 4}', 
    'a .blue-small {color: #00bbd6; font-size: 8}', 
    'a:hover {color: #ffffff}', 
    'a:hover .blue-small {color: #00bbd6}', 
    'a.hover {color: #ffffff}' 
    ], 
    wmode: 'transparent' 
}); 

Wie Effekt in sIFR während Maus Punkt auf li schweben retten? Whithout sIFR es wurde mit js (Mootools) gemacht:

var nav = $('nav-menu'); 
nav.getElements('.sifr-r').each(function(item) { 
    item.getParent().addEvents({ 
    'mouseover': function() { 
     if (!item.getParent().hasClass('hover')) { 
     item.getParent().addClass('hover'); 
     } 
    }, 
    'mouseout': function() { 
     if (item.getParent().hasClass('hover')) { 
     item.removeClass('hover'); 
     } 
    } 
    }); 
}); 

und CSS:

.navigation ul li.hover a.top-link {color: white} 

Answer 1

Sie müssten den Hover-Effekt in Ihrer sIFR Flash-Datei erstellen. sIFR ersetzt das HTML-Element auf der Seite durch eine Flash-SWF. Diese SWF wird von CSS-Klassen überhaupt nicht beeinflusst.

Answer 2

Sie müssen das übergeordnete Element von <a> so ersetzen, dass die Verknüpfung selbst ersetzt wird, und nicht den Inhalt des Elements <a>.

Das gesagt, Flash CSS ist nicht sehr gut mit Styling-Elementen verschachtelt in Links, und Sie verkomplizieren mit Zeilenumbrüche und so. Vielleicht eine gute Idee, hier nicht sIFR zu verwenden.