使用 sIFR 时 line-height 搞砸了答案

【问题标题】：line-height is messed up when using sIFR使用 sIFR 时 line-height 搞砸了
【发布时间】：2010-11-21 12:24:57
【问题描述】：

在我的 WP 主题中的标题 (.content h1.pagetitle) 上使用 sIFR 时，它会以某种方式弄乱间距并将标题向下推。实际的 Flash 视频与字体大小相同，所以我认为它与 CSS 有关，尽管我已经尝试了几乎所有我能想到的东西，但无法正确排列。这是该网站的链接：

任何帮助将不胜感激:)

肖恩

【问题讨论】：

【解决方案1】：

布局问题似乎是通过使用您的bottom 引起的（并已修复）：

在sifr.css:

.sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
    height:31px;
    position:relative;
    bottom:31px;
}

（来自http://seanandpeter.com/wp-content/plugins/wp-sifr/sifr/sifr.css）

将其更改为 bottom: auto 是一个开始，但看起来 CSS 规则确实很差 - 无法处理多行 sifr 并使用 position 和偏移属性的真正令人困惑的选择......我会质疑你是否使用了最好的sifr 插件...

【讨论】：

感谢 Searlea，职位：相对；底部：31px；这实际上是我插入 sifr.css 以强制它工作的代码。你是对的，它不处理多行，只适用于首页（假设标题只有 1 行）。当您查看各个帖子页面时，它再次变得混乱（将 31px 推得太高，而不是将 31px 推到正确的位置）。看来这是目前唯一可用于 Wordpress 的 sIFR 插件。也许我应该尝试自己将 sIFR 嵌入到我的 WP 主题中？