css - 使用 sIFR 时行高困惑

Question

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

http://seanandpeter.com/

任何帮助将不胜感激:)

肖恩

Answer 1

布局问题似乎是由您的底部引起的(并已修复):

在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 和 offset 属性...我怀疑您是否使用了最好的 sifr 插件...