現在、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'
});
(私には論理的に思えます)、リスト項目はまったくレンダリングされません。
与えられた構造で正しく行う方法を教えてください。
ありがとう、ローマ