IE7 出现 sIFR 问题 位于 H3 内

Question

我在 IE7 中查看某些页面时刚刚发现了一个问题。 如果我有一个很长的标题，可以换行到第二行，或者更糟糕的是，如果我在中间放置一个 BR，就会失去间距。

看一页：

损坏的示例1

您会注意到顶部的边距当标题呈现时，页面的偏移量会发生偏移，从而丢弃所有内容。

我正在使用这样的代码：

<h3 style="margin:0"><a href="../books/msc1.html">Middle School Confidential™<br>
Book 1: Be Confident in Who You Are</a></h3>

但重复多次以夸大问题。

我尝试了另一个测试，去掉了 BR，让线条自然缠绕。 这是间距方面的改进，但并不能解决问题。 （相同的 URL，但将其设为 m1.html）

在第三个示例中，每个标题仅占用一行 (m2.html)

一种选择是将标题分成两行，每行都有其 on H 标签。 但由于这些是链接，因此第一行可能会转到一个地方，第二行可能会转到另一个地方，因为当您将鼠标悬停在它们上时，它们不会同时改变颜色。

那么，有什么解决办法吗？

我相信我拥有当前版本的 sIFR 3。在我知道此问题得到解决之前，我不想升级到 IE8。

谢谢！

Answer 1

我猜想问题来自于 IE7 不处理字体的相对大小。

尝试更改您的CSS：

.sIFR-active H3
{
    font-size: 140%;
}

并使用静态值覆盖相对字体大小和行高，例如：

.sIFR-active H3
{
    font-size: 18px;
    line-height:;
}

希望能为您指明正确的方向。