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>实际上不会触发链接)

Answer 2

我假设你想让一部Flash电影被另一部悬停的Flash电影取代，对吗？在这种情况下，sIFR会带来问题，因为sIFR不会呈现页面加载中没有显示的元素。您可以通过使用CSS隐藏带有文本的p元素来测试它，然后尝试sIFR该文本，它将不起作用。

无法呈现不可见元素的原因，imho，与sIFR无法确定元素应该是什么样子的事实有关，因此不知道如何替换该元素。

Answer 3

最简单的答案实际上是Flash电影应该是标签的全宽和全高。

复杂的答案是，您使用JavaScript告诉Flash电影更改颜色，但这几乎不值得。