使用 sIFR 时行高混乱

发布于 2024-08-03 07:54:11 字数 283 浏览 5 评论 0原文

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

http://seanandpeter.com/

任何帮助将不胜感激:)

Sean

When using sIFR on the titles (.content h1.pagetitle) in my WP theme, it somehow messes up the spacing and pushes the title down. The actual flash video is the same size as the font, so I think it has something to do with CSS, though I've tried just about everything I could think of and can't get it lined up properly. Here's a link to the site:

http://seanandpeter.com/

Any help would be absolutely appreciated :)

Sean

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

久夏青 2024-08-10 07:54:11

布局问题似乎是由使用 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 和 offset 属性选择...我怀疑您是否使用了最好的 sifr 插件。 。

The layout issue seems to be caused (and fixed) by playing with your bottom:

In sifr.css:

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

(from http://seanandpeter.com/wp-content/plugins/wp-sifr/sifr/sifr.css)

Changing that to bottom: auto is a start, but it really looks like the CSS rules are quite poor - unable to cope with multi-line sifr and using a really confusing choice of position and offset properties... I'd question whether you're using the best sifr plugin available...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文