Question

我目前正在努力使用sIFR和a：悬停。我的问题网站位于http://irene.huditsch.info

我有以下HTML代码：

 <body id="irene-huditsch-info">
      <div id="header">
    <h1>Irene Huditsch</h1>
    <div id="top-nav">
       <ul>
          <li id="impressum">
        <a href="impressum.html" rel="index">Impressum</a>
          </li>
          <li id="kontakt">
        <a href="kontakt.html">Kontakt</a>
          </li>
       </ul>    
    </div>
        ...

我的sIFR-config.js看起来像：

sIFR.replace(braganza, {
  selector: 'div#top-nav a',
  css: '.sIFR-root { background-color: transparent; color: #FFFFFF; line-height: 13px; font-size: 11px; text-decoration: underline; cursor: pointer; } .sIFR-root:hover { color: #592b02; }',
  wmode: 'transparent'
});

但是悬停没有生效。我尝试了不同的解决方案，也没有成功。

写作时

sIFR.replace(braganza, {
  selector: 'div#top-nav li',
  css: 'a { background-color: transparent; color: #FFFFFF; line-height: 13px; font-size: 11px; text-decoration: underline; cursor: pointer; } a:hover { color: #592b02; }',
  wmode: 'transparent'
});

（这对我来说似乎合情合理），列表项根本不会呈现。

你能否告诉我如何正确地使用给定的结构？

谢谢，罗马

Answer 1

直接替换a将不起作用，因为Flash影片只包含链接文本而不包含链接本身。

假设您已删除第一次尝试，您的第二个示例应该有效，但我在页面上看到您使用.sIFR-root a作为CSS选择器。这可能会让Flash有点困惑。此外，background-color元素不支持line-height，cursor和a属性。

sIFR - 获取：悬停在导航列表中工作

1 个答案: