html - sIFR 悬停问题

Question

我正在使用无序列表进行导航，我想在其中使用 sIFR(我知道不推荐这样做，但目前没有其他选择)。列表项包含一个由 sIFR 替换的 div。

HTML:

<ul class="topnav">
     <li class="category">
        <div>
           <a href="#" title="Home">Home</a>
        </div>
     </li>
     <li class="category>
        <div>
            <a href="#">Link</a>
        </div>
    </li></ul>

我使用这个 sIFR 配置:

sIFR.replace(myfont, {
selector: '.topnav li.category div',
  css: ['.sIFR-root { font-size:17px; }',
  'a:link { color:#a73759; text-decoration:none; }',
  'a:hover {color:#ffffff;}',
  ],
  wmode: 'transparent',
  fitExactly: true, 
 });

悬停有效，但只有当我将鼠标悬停在实际的 Flash 文件上时。当我将鼠标悬停在列表项上时，文本颜色应该是白色，它是被替换的 div 的父项。我该如何实现？

Answer 1

我没用过sIFR，但看来你需要修改你的selector , 因为它只针对 <div>在列表项中。

或者只是因为您需要添加 li:hover a { color: white } (请记住，这不受 IE6 支持，而且它也可能会产生误导，因为单击 <li> 不会真正触发链接)