替换元素周围的Sifr3额外填充

Question

我使用sifr3替换了几个标题。其中一个有背景颜色。 正常的页面css将h2填充设置为0，sifr css对于替换的h2具有相同的结果，并且sifrconfig.js具有相同的，但是仍然看起来有填充，底部略微更多。

主要css：

h2 {
    font-size: 22px;
    margin-bottom: 30px;
    padding:0;
    background-color: #339999;
    width: 280px;
}

sifr css：

.sIFR-active h2 {
    visibility: hidden;
    font-family: Verdana;
    line-height: 1em;
    font-size: 22px;
}

sifrconfig.js：

sIFR.replace(rockwell, {
  selector: 'h2',
   forceSingleLine: true,
  css: [
        '.sIFR-root { color:#FFFFFF; font-size: 22px; letter-spacing:-0.87; background-color: #339999; text-align: left; margin:0; padding:0;}',
        ]

});

有什么想法吗？这让我很生气！

编辑只是值得一提的是，没有内联样式或任何其他可以覆盖任何内容的CSS，并且使用Web开发人员工具栏，它显示flash影片具有额外的高度，而不是包含h2。

Answer 1

嘿，我有一个类似的问题，我在底部有一些额外的填充，这是在我试图转换SIFR的H2标签的底部。

我发现我的问题与我正在使用的文档类型有关。

我使用的是XHTML Strict，当我将其更改为过渡文档类型时，删除了填充。

我希望这对人们有所帮助，我浪费了一天时间，并且完全正在尝试追踪它并修复它。

Answer 2

是的，Flash有时会这样做。您可以使用tuneHeight参数来降低影片的高度。还有tuneWidth，offsetTop和offsetLeft。