Я в настоящее время борюсь с 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