sIFR

Question

はこのメニューです：

<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> 

とsIFR：リチウム上のマウスポイントながら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' 
}); 

どのように？あなたのsIFRフラッシュファイルにホバー効果を作成する必要があります

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

Answer 1

：

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'); 
     } 
    } 
    }); 
}); 

とCSS：Whithout sIFRそれはJS（MooToolsの）で作られました。 sIFRは、ページ内のHMTL要素をFlash SWFに置き換えます。このSWFはCSSクラスの影響を受けません。

Answer 2

<a>要素の内容ではなく、リンク自体が置き換えられるように、<a>の親要素を置き換える必要があります。

つまり、Flash CSSはリンク内にネストされたスタイリング要素ではあまりよくありません。あなたは改行などを複雑にしています。ここでsIFRを使用しないことをお勧めします。