sIFR - получение: hover для работы в списке навигации - PullRequest
0 голосов
/ 27 августа 2009

Я в настоящее время борюсь с SIFR и: hover. Мой проблемный сайт размещен на 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'
});

(что мне кажется логичным), элементы списка вообще не отображаются.

Не могли бы вы дать мне совет, как сделать это правильно с данной структурой?

Спасибо, Roman

1 Ответ

1 голос
/ 29 августа 2009

Замена a напрямую не будет работать, так как ролик Flash будет содержать только текст ссылки, а не саму ссылку.

Ваш второй пример должен работать, при условии, что вы удалили первую попытку, однако я вижу, что на странице вы используете .sIFR-root a в качестве селектора CSS. Это может немного сбить с толку Flash. Кроме того, свойства background-color, line-height и cursor не поддерживаются для элементов a.

...