sIFR 有效，但它在渲染一点点后将我的内容推送到底部

Question

我想在我的网站上使用 siFR，但我有一个问题。 我已经实现了 sIFR，它似乎可以工作，但是当它加载并呈现新标题时，它会将我的内容“推”到底部。 我认为10px左右。

为什么会发生这种情况？

有人可以帮忙吗？

这是我的 sifr-config.js

var futura = { src: 'http://www.bogazci.com/wp-content/themes/bogazci_09/sifr/flash/gppmc.swf' };
sIFR.activate(futura);

sIFR.replace(futura, {
  selector: 'h1',
  css: '.sIFR-root { background-color: #ffffff; color: #960000; }',
  ratios: [8, 1.42, 11, 1.38, 17, 1.32, 21, 1.3, 23, 1.27, 30, 1.28, 44, 1.26, 65, 1.25, 66, 1.24, 67, 1.25, 70, 1.24, 71, 1.25, 118, 1.24, 119, 1.23, 1.24],
});

这是 sifr.css

@media screen {
  /* Example: */
  .sIFR-active h1 {
    visibility: hidden;
    font-family: Arial;
  }
}

这是我的 page.css

body {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    background-color: #666;
}

h1 {
    font-family:Arial;
    font-size:18px;
    /* letter-spacing:-1px; */
    color:#333; /* 16216c, 333, d90000, 16216c */
    font-weight:normal;
}

这是实现：

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/sIFR/css/sifr.css" type="text/css" media="screen" />
<script src="<?php bloginfo('template_url'); ?>/sIFR/js/sifr.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/sIFR/js/sifr-debug.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/sIFR/js/sifr-config.js" type="text/javascript"></script>


..
..

<h1><?php the_title() ?></h1>

<script type="text/javascript">
if(typeof sIFR == "function"){
    sIFR.replaceElement("h1", named({sFlashSrc: "<?php bloginfo('template_url'); ?>/sIFR/gppmc.swf", sColor: "#999999"}));
    sIFR();
};
</script>
</body>

我不知道。 请帮忙。

这是我的页面：

http://www.bogazci.com/index.php/services

谢谢

Answer 1

Flash 影片中似乎有很多额外的空间。 使用 tuneHeight 和 offsetTop 参数来纠正此问题。

另外，您应该删除页面中仍包含的 sIFR 2 配置。