我使用的是 sIFR 3(测试版修订版 436)。 我有一个 40 像素高的菜单。我有 9 个链接，其中 6 个是 1 行，3 个是 2 行。为了在中心内安排单行链接，我将 offsetTop 设置为 11，这里是 sifr-config 的示例代码:
sIFR.replace(herculanum, {
selector: '#menu ul li',
css: [
'.sIFR-root { background-color: #000000; text-align: center; letter-spacing: -0.35; display: inline-block;}',
'a { background-color: #000000; color: #FFFFFF; text-decoration: none;}',
'a:hover {background-color: #FFFFFF; color: #414141;}',
'a:active {colour: #000000;}',
],
offsetTop:11,
tuneHeight:5,
}
);
我尝试过使用 span，但我想我一定是用错了。
sIFR.replace(herculanum, {
selector: '#menu ul li span',
css: [
'.sIFR-root { background-color: #000000; text-align: center; letter-spacing: -0.35; display: inline-block;}',
'a { background-color: #000000; color: #FFFFFF; text-decoration: none;}',
'a:hover {background-color: #FFFFFF; color: #414141;}',
'a:active {colour: #000000;}',
],
offsetTop:-11,
tuneHeight:5,
}
);
我真的很困惑，请帮忙。
最佳答案
在 span 上使用 display:block？
关于javascript - sIFR 3 +li 菜单 offsetTop 位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1548236/