我目前正在与 sIFR 和 a: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'
});
(这对我来说似乎是合乎逻辑的),列表项根本没有呈现。
您能否给我一个建议,如何使用给定的结构正确地做到这一点?
谢谢,罗马